sankey-diagram-creator について
sankey-diagram-creatorは、フローデータをインタラクティブなサンキーダイアグラムに変換するPythonツールです。辞書、DataFrame、CSVを入力でき、ノードやリンクの装飾とHTML、PNG、SVGへの出力に対応します。
主な機能
- 01辞書、DataFrame、CSVの読み込み
- 02ホバー詳細付きの図を生成
- 03ノードのラベル、色、位置を設定
- 04リンクの色、透明度、ラベルを設定
- 05インタラクティブHTML、PNG、SVGで出力
活用シーン
- 01収入と支出の流れを可視化
- 02エネルギーの供給元から用途への移動を図示
- 03ユーザージャーニーの段階と離脱を表示
- 04多階層のデータパイプラインを表現
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ dkyazzentwatwa/ chatgpt-skills --skill sankey-diagram-creatorインストール後、Claude Code で/sankey-diagram-creatorを入力して読み込まれたか確認します。
同梱ファイルscripts/requirements.txtscripts/sankey_creator.py
詳細
サンキー図作成ツール
カテゴリ間のフロー、移動、関係性を可視化するインタラクティブなサンキー図を作成できます。予算の流れ、エネルギーの移動、ユーザージャーニー、データパイプラインに最適です。
クイックスタート
from scripts.sankey_creator import SankeyCreator
# From dictionary
sankey = SankeyCreator()
sankey.from_dict({
'source': ['A', 'A', 'B', 'B'],
'target': ['C', 'D', 'C', 'D'],
'value': [10, 20, 15, 25]
})
sankey.generate().save_html("flow.html")
# From CSV
sankey = SankeyCreator()
sankey.from_csv("flows.csv", source="from", target="to", value="amount")
sankey.title("Budget Flow").generate().save_html("budget.html")
機能
- 複数の入力ソース:辞書、DataFrame、CSV ファイル
- インタラクティブな出力:フローの詳細を表示するホバーツールチップ
- ノードのカスタマイズ:色、ラベル、位置
- リンクのスタイル設定:色、不透明度、ラベル
- エクスポート形式:HTML(インタラクティブ)、PNG、SVG
- 自動カラー設定:色の自動割り当て、またはカスタム配色
API リファレンス
初期化
sankey = SankeyCreator()
データ入力メソッド
# From dictionary
sankey.from_dict({
'source': ['A', 'A', 'B'],
'target': ['X', 'Y', 'X'],
'value': [10, 20, 15]
})
# From CSV file
sankey.from_csv(
filepath="data.csv",
source="source_col",
target="target_col",
value="value_col",
label=None # Optional: column for link labels
)
# From pandas DataFrame
import pandas as pd
df = pd.DataFrame({
'from': ['A', 'B'],
'to': ['C', 'C'],
'amount': [100, 200]
})
sankey.from_dataframe(df, source="from", target="to", value="amount")
# Add individual flows
sankey.add_flow("Source", "Target", 50)
sankey.add_flow("Source", "Other", 30, label="30 units")
スタイル設定メソッド
すべてのメソッドは、メソッドチェーン用に self を返します。
# Node colors
sankey.node_colors({
'Income': '#2ecc71',
'Expenses': '#e74c3c',
'Savings': '#3498db'
})
# Use colormap for automatic colors
sankey.node_colors(colormap='Pastel1')
# Link colors (by source, target, or custom)
sankey.link_colors(by='source') # Color by source node
sankey.link_colors(by='target') # Color by target node
sankey.link_colors(opacity=0.6) # Set link opacity
# Custom link colors
sankey.link_colors(colors={
('Income', 'Expenses'): '#ff6b6b',
('Income', 'Savings'): '#4ecdc4'
})
# Title
sankey.title("My Flow Diagram")
sankey.title("Budget Overview", font_size=20)
# Layout
sankey.layout(orientation='h') # Horizontal (default)
sankey.layout(orientation='v') # Vertical
sankey.layout(pad=20) # Node padding
生成とエクスポート
# Generate the diagram
sankey.generate()
# Save as interactive HTML
sankey.save_html("diagram.html")
sankey.save_html("diagram.html", auto_open=True) # Open in browser
# Save as static image
sankey.save_image("diagram.png")
sankey.save_image("diagram.svg", format='svg')
sankey.save_image("diagram.png", width=1200, height=800)
# Get Plotly figure object for customization
fig = sankey.get_figure()
fig.update_layout(...)
# Show in notebook/browser
sankey.show()
データ形式
CSV 形式
source,target,value,label
Income,Housing,1500,Rent
Income,Food,600,Groceries
Income,Transport,400,Car
Income,Savings,500,Emergency Fund
Savings,Investments,300,Stocks
辞書形式
data = {
'source': ['Income', 'Income', 'Income', 'Expenses'],
'target': ['Rent', 'Food', 'Savings', 'Tax'],
'value': [1500, 600, 500, 400],
'label': ['Housing', 'Groceries', 'Emergency', 'Federal'] # Optional
}
DataFrame 形式
import pandas as pd
df = pd.DataFrame({
'from_node': ['A', 'A', 'B', 'C'],
'to_node': ['B', 'C', 'D', 'D'],
'flow_value': [100, 200, 150, 180]
})
カラースキーム
使用可能なカラーマップ
| 名前 | 説明 |
|---|---|
Pastel1 | 柔らかなパステルカラー |
Pastel2 | 落ち着いたパステルカラー |
Set1 | 鮮やかで見分けやすい色 |
Set2 | 落ち着いた見分けやすい色 |
Set3 | 明るく見分けやすい色 |
Paired | ペア配色 |
viridis | 青から緑、黄色へのグラデーション |
plasma | 紫からオレンジ、黄色へのグラデーション |
カスタムカラー
# Hex colors
sankey.node_colors({
'Category A': '#1abc9c',
'Category B': '#3498db',
'Category C': '#9b59b6'
})
# Named colors
sankey.node_colors({
'Revenue': 'green',
'Costs': 'red',
'Profit': 'blue'
})
CLI の使用方法
# Basic usage
python sankey_creator.py --input flows.csv \
--source from --target to --value amount \
--output flow.html
# With title and colors
python sankey_creator.py --input budget.csv \
--source category --target subcategory --value amount \
--title "Budget Breakdown" \
--colormap Pastel1 \
--output budget.html
# PNG output
python sankey_creator.py --input data.csv \
--source src --target dst --value val \
--output diagram.png \
--width 1200 --height 800
CLI 引数
| 引数 | 説明 | デフォルト |
|---|---|---|
--input | 入力 CSV ファイル | 必須 |
--source | ソース列名 | 必須 |
--target | ターゲット列名 | 必須 |
--value | 値の列名 | 必須 |
--output | 出力ファイルのパス | sankey.html |
--title | 図のタイトル | なし |
--colormap | カラースキーム | Pastel1 |
--link-opacity | リンクの不透明度(0-1) | 0.5 |
--orientation | 'h' または 'v' | h |
--width | 画像の幅(PNG/SVG) | 1000 |
--height | 画像の高さ(PNG/SVG) | 600 |
使用例
予算の流れ
sankey = SankeyCreator()
sankey.from_dict({
'source': ['Salary', 'Salary', 'Salary', 'Salary', 'Savings', 'Investments'],
'target': ['Housing', 'Food', 'Transport', 'Savings', 'Investments', 'Stocks'],
'value': [2000, 800, 500, 1000, 700, 700]
})
sankey.title("Monthly Budget Flow")
sankey.node_colors({
'Salary': '#27ae60',
'Housing': '#e74c3c',
'Food': '#f39c12',
'Transport': '#3498db',
'Savings': '#9b59b6',
'Investments': '#1abc9c',
'Stocks': '#34495e'
})
sankey.generate().save_html("budget_flow.html")
エネルギーの流れ
sankey = SankeyCreator()
sankey.add_flow("Coal", "Electricity", 100)
sankey.add_flow("Gas", "Electricity", 80)
sankey.add_flow("Solar", "Electricity", 30)
sankey.add_flow("Electricity", "Industry", 120)
sankey.add_flow("Electricity", "Residential", 60)
sankey.add_flow("Electricity", "Commercial", 30)
sankey.title("Energy Flow")
sankey.node_colors(colormap='Set2')
sankey.link_colors(by='source', opacity=0.4)
sankey.generate().save_html("energy.html")
ユーザージャーニー
sankey = SankeyCreator()
sankey.from_dict({
'source': ['Landing', 'Landing', 'Product', 'Product', 'Cart', 'Cart'],
'target': ['Product', 'Exit', 'Cart', 'Exit', 'Checkout', 'Exit'],
'value': [1000, 200, 600, 200, 400, 100]
})
sankey.title("User Journey")
sankey.node_colors({
'Landing': '#3498db',
'Product': '#2ecc71',
'Cart': '#f1c40f',
'Checkout': '#27ae60',
'Exit': '#e74c3c'
})
sankey.generate().save_html("journey.html")
マルチレベルフロー
# Three-level hierarchy
data = {
'source': [
# Level 1 -> Level 2
'Revenue', 'Revenue', 'Revenue',
# Level 2 -> Level 3
'Products', 'Products', 'Services', 'Services'
],
'target': [
'Products', 'Services', 'Other',
'Electronics', 'Software', 'Consulting', 'Support'
],
'value': [500, 300, 50, 300, 200, 200, 100]
}
sankey = SankeyCreator()
sankey.from_dict(data)
sankey.title("Revenue Breakdown")
sankey.generate().save_html("revenue.html")
依存関係
plotly>=5.15.0
pandas>=2.0.0
kaleido>=0.2.0
制限事項
- 静的画像のエクスポート(PNG/SVG)には
kaleidoパッケージが必要です - ノードが多い非常に複雑な図は、読みづらくなる場合があります
- ノードの位置は自動計算されます(手動での調整には制限があります)
- リンクの色は、すべて同じ色にするか、ソース/ターゲットごとに設定できます
コメント
Markdown 対応