mcpField
O
org-chart-generator

org-chart-generator

github.com/dkyazzentwatwaデータ・データベース12459 回インストール29 週間前に更新
リポジトリ

org-chart-generator について

org-chart-generatorは、チームや組織向けに構造化データから階層図を作成します。複数のデータ形式を受け取り、画像、ドキュメント、DOT形式で出力できます。

主な機能

  1. 01CSV、JSON、ネストした辞書、コードから入力
  2. 024方向の階層レイアウト
  3. 03階層、部門、任意の条件で色分け
  4. 04ノードとエッジのスタイル設定
  5. 05PNG、SVG、PDF、DOT形式で出力

活用シーン

  1. 01社員CSVから組織図を作成
  2. 02チームの報告関係と部門の表示
  3. 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以上)は読みづらくなる場合があります
  • 写真の表示には外部画像ファイルが必要です
  • ノードの位置は自動計算されます(手動での調整は限定的です)
  • 複雑な報告関係(マトリックス型組織)は十分にサポートされていません

コメント