org-chart-generator について
org-chart-generatorは、チームや組織向けに構造化データから階層図を作成します。複数のデータ形式を受け取り、画像、ドキュメント、DOT形式で出力できます。
主な機能
- 01CSV、JSON、ネストした辞書、コードから入力
- 024方向の階層レイアウト
- 03階層、部門、任意の条件で色分け
- 04ノードとエッジのスタイル設定
- 05PNG、SVG、PDF、DOT形式で出力
活用シーン
- 01社員CSVから組織図を作成
- 02チームの報告関係と部門の表示
- 03ネストした階層データを図として出力
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ dkyazzentwatwa/ chatgpt-skills --skill org-chart-generatorインストール後、Claude Code で/org-chart-generatorを入力して読み込まれたか確認します。
同梱ファイルscripts/orgchart_gen.pyscripts/requirements.txt
詳細
組織図ジェネレーター
構造化データから、プロフェッショナルな組織階層図を作成します。会社の組織図、チーム構成、報告関係など、あらゆる階層データの可視化に最適です。
クイックスタート
from scripts.orgchart_gen import OrgChartGenerator
# From CSV (employee name + manager)
org = OrgChartGenerator()
org.from_csv("employees.csv", name="name", manager="reports_to")
org.generate().save("org_chart.png")
# From nested dictionary
org = OrgChartGenerator()
org.from_dict({
'name': 'CEO',
'children': [
{'name': 'CTO', 'children': [{'name': 'Dev Lead'}, {'name': 'QA Lead'}]},
{'name': 'CFO', 'children': [{'name': 'Controller'}]}
]
})
org.layout("top-down").generate().save("hierarchy.png")
機能
- 複数の入力ソース:CSV、JSON、ネストされた辞書、またはプログラムからの入力
- レイアウトオプション:上から下、左から右、下から上、右から左
- ノードのスタイル設定:階層、部門、またはカスタム設定に応じた色
- 追加データ:役職、部門、写真
- エッジのスタイル:直線、直交、曲線
- エクスポート形式:PNG、SVG、PDF、DOT
API リファレンス
初期化
org = OrgChartGenerator()
データ入力方法
# From CSV with name and manager columns
org.from_csv(
filepath="employees.csv",
name="employee_name",
manager="reports_to",
title="job_title", # Optional
department="dept", # Optional
)
# From JSON file (nested structure)
org.from_json("structure.json")
# From nested dictionary
org.from_dict({
'name': 'Root',
'title': 'CEO',
'department': 'Executive',
'children': [
{'name': 'Child 1', 'children': [...]},
{'name': 'Child 2'}
]
})
# Programmatic: add nodes and relationships
org.add_node("Alice", title="CEO", department="Executive")
org.add_node("Bob", title="CTO", department="Engineering")
org.add_node("Carol", title="CFO", department="Finance")
org.add_relationship("Bob", "Alice") # Bob reports to Alice
org.add_relationship("Carol", "Alice")
レイアウト設定
# Layout direction
org.layout("top-down") # TB - Default, root at top
org.layout("bottom-up") # BT - Root at bottom
org.layout("left-right") # LR - Root on left
org.layout("right-left") # RL - Root on right
# Spacing
org.spacing(rank=1.0, node=0.5) # Vertical and horizontal spacing
ノードのスタイル設定
# Colors by department
org.colors_by_department({
'Engineering': '#3498db',
'Finance': '#2ecc71',
'Marketing': '#e74c3c',
'Executive': '#9b59b6'
})
# Colors by level (depth in tree)
org.colors_by_level({
0: '#e74c3c', # Root (CEO)
1: '#f39c12', # Level 1 (C-suite)
2: '#3498db', # Level 2 (Directors)
3: '#2ecc71' # Level 3+ (Managers/Staff)
})
# Uniform color
org.node_color('#3498db')
# Node shape
org.node_style(
shape='box', # box, ellipse, diamond, record
font='Arial',
font_size=12,
border_width=1
)
エッジのスタイル設定
# Edge style
org.edge_style(
style='orthogonal', # orthogonal, straight, curved
color='#666666',
width=1.0
)
生成とエクスポート
# Generate the chart
org.generate()
# Save to file
org.save("chart.png") # PNG
org.save("chart.svg") # SVG
org.save("chart.pdf") # PDF
org.save("chart.dot") # DOT source
# Save with custom size
org.save("chart.png", dpi=150)
# Get DOT source code
dot_code = org.to_dot()
# Show (opens in viewer)
org.show()
データ形式
CSV 形式
マネージャーへの参照を含むフラット構造:
name,reports_to,title,department
Alice,,"CEO","Executive"
Bob,"Alice","CTO","Engineering"
Carol,"Alice","CFO","Finance"
Dave,"Bob","Dev Lead","Engineering"
Eve,"Bob","QA Lead","Engineering"
Frank,"Carol","Controller","Finance"
注:reports_to が空の場合、ルートノードを示します。
JSON 形式
ネストされた構造:
{
"name": "Alice",
"title": "CEO",
"department": "Executive",
"children": [
{
"name": "Bob",
"title": "CTO",
"department": "Engineering",
"children": [
{"name": "Dave", "title": "Dev Lead"},
{"name": "Eve", "title": "QA Lead"}
]
},
{
"name": "Carol",
"title": "CFO",
"department": "Finance",
"children": [
{"name": "Frank", "title": "Controller"}
]
}
]
}
辞書形式
JSON と同じネスト構造:
data = {
'name': 'Alice',
'title': 'CEO',
'children': [
{'name': 'Bob', 'title': 'CTO'},
{'name': 'Carol', 'title': 'CFO'}
]
}
CLI の使い方
# From CSV
python orgchart_gen.py --input employees.csv \
--name name --manager reports_to \
--output org.png
# With title and department
python orgchart_gen.py --input team.csv \
--name employee --manager boss \
--title job_title --department dept \
--layout left-right \
--output team_chart.png
# From JSON
python orgchart_gen.py --input structure.json --output org.svg
# High resolution
python orgchart_gen.py --input data.csv --name n --manager m \
--output chart.png --dpi 300
CLI 引数
| 引数 | 説明 | デフォルト |
|---|---|---|
--input | 入力 CSV または JSON ファイル | 必須 |
--name | 名前の列(CSV) | - |
--manager | マネージャーの列(CSV) | - |
--title | 役職の列(CSV) | - |
--department | 部門の列(CSV) | - |
--output | 出力ファイルのパス | orgchart.png |
--layout | レイアウトの方向 | top-down |
--dpi | 画像の解像度 | 96 |
使用例
基本的な会社の組織図
org = OrgChartGenerator()
org.from_csv("company.csv", name="employee", manager="manager")
org.layout("top-down")
org.node_style(shape='box')
org.generate().save("company_org.png")
部門別に色分け
org = OrgChartGenerator()
org.from_csv("team.csv", name="name", manager="reports_to", department="dept")
org.colors_by_department({
'Executive': '#8e44ad',
'Engineering': '#2980b9',
'Sales': '#27ae60',
'Marketing': '#e67e22',
'HR': '#c0392b'
})
org.layout("left-right")
org.generate().save("dept_org.png")
役職を含める
org = OrgChartGenerator()
org.from_dict({
'name': 'Sarah Johnson',
'title': 'CEO',
'children': [
{
'name': 'Mike Chen',
'title': 'VP Engineering',
'children': [
{'name': 'Lisa Park', 'title': 'Engineering Manager'},
{'name': 'Tom Brown', 'title': 'Tech Lead'}
]
},
{
'name': 'Emma Wilson',
'title': 'VP Sales',
'children': [
{'name': 'John Davis', 'title': 'Sales Manager'}
]
}
]
})
org.layout("top-down")
org.generate().save("executive_org.png")
プロジェクトチームの構成
org = OrgChartGenerator()
# Add nodes
org.add_node("Project Manager", department="PMO")
org.add_node("Tech Lead", department="Engineering")
org.add_node("Designer", department="Design")
org.add_node("Dev 1", department="Engineering")
org.add_node("Dev 2", department="Engineering")
org.add_node("QA", department="Quality")
# Add relationships
org.add_relationship("Tech Lead", "Project Manager")
org.add_relationship("Designer", "Project Manager")
org.add_relationship("QA", "Project Manager")
org.add_relationship("Dev 1", "Tech Lead")
org.add_relationship("Dev 2", "Tech Lead")
org.colors_by_department({
'PMO': '#9b59b6',
'Engineering': '#3498db',
'Design': '#e74c3c',
'Quality': '#2ecc71'
})
org.generate().save("project_team.png")
複数のルートノード
# Board of Directors structure
org = OrgChartGenerator()
org.from_dict({
'name': 'Board of Directors',
'children': [
{
'name': 'CEO',
'children': [
{'name': 'COO'},
{'name': 'CFO'},
{'name': 'CTO'}
]
},
{
'name': 'Audit Committee',
'children': [
{'name': 'Internal Audit'},
{'name': 'External Audit'}
]
}
]
})
org.generate().save("board_structure.png")
ノードの表示形式
デフォルトでは、ノードに次の項目が表示されます。
- 名前(必須)
- 役職(指定した場合)
ノードの表示例:
┌─────────────┐
│ John Smith │
│ CEO │
└─────────────┘
依存関係
graphviz>=0.20.0
pandas>=2.0.0
システム要件:Graphviz をシステムにインストールする必要があります。
- macOS:
brew install graphviz - Ubuntu:
apt-get install graphviz - Windows:graphviz.org からダウンロード
制限事項
- 非常に大きな組織図(ノード数が100以上)は読みづらくなる場合があります
- 写真の表示には外部画像ファイルが必要です
- ノードの位置は自動計算されます(手動での調整は限定的です)
- 複雑な報告関係(マトリックス型組織)は十分にサポートされていません
コメント
Markdown 対応