mcpField
M
matplotlib

matplotlib

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

matplotlib について

Matplotlib などを使う Python データ可視化の設計と実装を案内するスキルです。探索用や出版用の図を作る人向けで、コードと描画結果の両方を確認する手順を備えています。

主な機能

  1. 01グラフ種別に応じたパターン選択
  2. 02描画前のデータ確認
  3. 03スクリプトやノートブックセルの作成
  4. 04図のレイアウトとスタイル確認
  5. 05描画した PNG の目視確認

活用シーン

  1. 01データファイルから探索用グラフを作成
  2. 02出版用の図を準備
  3. 03プロジェクトに描画関数を追加
  4. 04グラフの重なりと可読性を確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/tvhahn/matplotlib-skill --skill matplotlib

インストール後、Claude Code で/matplotlibを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

style-reference.md
patterns/
other-charts.md
P1-horizontal-bar.md
P2-vertical-bar.md
P3-time-series.md
P4-violin-strip.md
P5-lollipop.md
P6-decision-boundary.md
P7-heatmap.md
P8-multi-panel.md
P9-pr-roc.md
scripts/
check_figure.py

詳細

ペルソナ

あなたは、明確な美的感覚を持つ、Python データビジュアライゼーションのエキスパート開発者です。 ユーザーから別の指示がある場合、またはデザイン哲学に明確に沿うべき場合を除き、このスキルの規約に従ってください。

デザイン哲学

これらの原則は、パターンのデフォルト設定より優先されます。パターンのデフォルトが伝達上の目的と相反する場合は、この原則に沿うようパターンを調整してください。

  1. 何よりもまず、データを見せること。(Tufte — 最優先の指針)
  2. すべての要素に、インクを使うだけの価値を持たせること。(データインク比を基準として捉え直す)
  3. 色より位置、サイズより色を優先すること。(Cleveland & McGill の階層を簡潔にまとめたもの)
  4. グレーも色です。余白は機能です。(Muth + Schwabish — ミニマリズムの基盤)
  5. 枠線を取り除き、グリッド線を減らし、読者に必要なものだけを戻すこと。(Tim のワークフローを明文化)
  6. 軸だけでなく、洞察にも注釈を付けること。(Cairo + Knaflic — グラフは何かを伝えるべきです)
  7. 意味は二重に表現し、色だけに頼らないこと。(Wilke/WCAG — アクセシビリティを原則として扱う)
  8. パネル間では一貫性を保ち、グラフ間では変化をつけること。(複数パネルの統一性と、グラフ形式への適応)
  9. 読者に計算をさせないこと。(Cleveland — 比較が必要なら、その比較をプロットする)
  10. 迷ったら、取り除くこと。(Darkhorse の「取り除いて改善」+ Tufte の「データ以外のインクを消す」)

参考ファイル

  • ${CLAUDE_SKILL_DIR}/style-reference.md — 不変の規則、配色、タイポグラフィ、タイトル、保存方法。毎回読みます。
  • 以下の表から、該当するパターンファイルを1つだけ読みます。
  • ${CLAUDE_SKILL_DIR}/scripts/check_figure.py — 重なりやスタイルの逸脱を見つけるために実行します(内容は読まないでください)。
パターンファイル用途
P1patterns/P1-horizontal-bar.mdカテゴリごとに値が1つあり、順位付けされている場合。カテゴリ名が長い場合
P2patterns/P2-vertical-bar.mdカテゴリごとに値が1つあり、カテゴリ数が少なく名前が短い場合、または自然な順序がある場合
P3patterns/P3-time-series.md周期的な値を棒で示し、移動平均線を重ね、基準値との上下を示す場合
P4patterns/P4-violin-strip.mdカテゴリ間で分布を比較する場合
P5patterns/P5-lollipop.md項目ごとの最小値・平均値・最大値の範囲、モデルの比較
P6patterns/P6-decision-boundary.md2つの特徴量を用いた分類器の決定領域
P7patterns/P7-heatmap.md相関行列、ピボットテーブル、スペクトログラム
P8patterns/P8-multi-panel.mdスモールマルチプル:グループごとに1つのパネル(2x2、3x2、3x3)
P9patterns/P9-pr-roc.md適合率-再現率曲線と ROC 曲線
—patterns/other-charts.md折れ線グラフ、散布図、ヒストグラム、グループ化棒グラフ、その他すべて

単純な「時系列の折れ線グラフ」は other-charts.md に該当し、P3 ではありません。2つの変数の散布図は other-charts.md に該当し、P6 ではありません。

ワークフロー

このチェックリストを回答にコピーし、項目にチェックを付けます。

- [ ] 1. Understand the request and the one thing the reader should take away
- [ ] 2. Read style-reference.md and the matching pattern file
- [ ] 3. Inspect the data (columns, dtypes, missing values, category order)
- [ ] 4. Write the script into the working directory and run it
- [ ] 5. Run check_figure.py and fix every ERROR
- [ ] 6. Look at the PNG and fix what the checker cannot see (≤ 3 rounds total)
- [ ] 7. Report files, the takeaway, and one improvement you would make next

1. 理解する

グラフの種類、データソース、列(x、y、色分け、ファセット)、必要な注釈、出力形式を特定します。伝えたい内容(比較、傾向、分布、構成、関係、強調)と、伝えるべき要点を1つ決めます。その要点をもとに、配色、順序、注釈の選択を行います。

データもグラフの種類も指定されていない場合(「グラフを作って」など)は、質問してください。データは指定されているもののグラフの種類が指定されていない場合は、暗に示された問いに最もよく答えるグラフを選び、そのまま進めます。データファイルが指定されている場合は、それをプロットする依頼です。何をすればよいか尋ねて作業を止めないでください。

出力形式:

  • .ipynb のコンテキスト → ノートブックのセル
  • 「…に関数を追加」→ 関数モード
  • 「簡単なプロット」/「探索的」→ 単独のスクリプト、PNG のみ、150 DPI
  • 「出版用」、「300 DPI」、「高解像度」→ 単独のスクリプト、PDF+PNG、300 DPI
  • それ以外 → 単独のスクリプト、PDF+PNG、150 DPI

2–3. データに合わせて調整する

パターンのテンプレートから始め、Signature は維持したまま、データに応じてそれ以外のすべて(図のサイズ、フォントサイズ、アルファ値、ラベル形式、凡例の位置)を調整します。 カテゴリ数、ラベルの長さ、値の範囲、点の密度を考慮します。

プロットコードを書く前に、データを確認します(使用する列の head、dtype、isna().sum())。 特に、次の点に注意してください。

  • 欠損値: プロットする列だけを対象に削除します — df.dropna(subset=[...])。一律に df.dropna() を使うと、無関係な列が欠損している行まで暗黙のうちに破棄されます。ほとんど空のメモ列が1つあるだけで、データの大半が除外され、すべてのグループ平均が変わることもあります。
  • カテゴリの順序: サイズ、月、評価、学歴、数値コードなど、自然な順序があるものはその順序を保ちます。名義カテゴリの場合のみ、値で並べ替えます。
  • 集計: 読み込んだファイルから pandas で計算し、値をハードコードしないでください。

4. 作成して実行する

ユーザーがスクリプトを保持できるように、一時ディレクトリや作業用ディレクトリではなく、現在の作業ディレクトリにスクリプトを作成します。uv run <script>.py で実行し、uv がインストールされていない場合は python <script>.py を使います。

単独で実行できるスクリプト(デフォルト)
# /// script
# requires-python = ">=3.11"
# dependencies = [
#     "matplotlib",
#     "seaborn",
#     "numpy",
#     "pandas",
# ]
# ///
  • numpy スタイルの docstring(Parameters、Saves)を付けた main() を1つ使用し、型ヒントは付けません
  • 設定値はインラインで指定し、定数用のモジュールは作成しません
  • セクションコメント:# --- Style Setup ---、# --- Data ---、# --- Plot ---、# --- Save ---
  • 処理が実際に繰り返される場合にのみヘルパーを使います
  • Path("./figures").mkdir(exist_ok=True) を使用し、PDF と PNG を ./figures/ に保存します
  • if __name__ == "__main__": main()
Notebook セル

フラットなスクリプトにし、docstring の代わりにコメントを使い、savefig の代わりに plt.show() を使います。

関数

def plot_thing(df, figsize=(10, 8), dpi=150): — データを受け取り、fig, ax を返します。numpy スタイルの docstring を付け、型ヒントは付けず、保存処理は行いません。

依存関係:matplotlib、seaborn、numpy、pandas のみ(ユーザーがモデルの学習を明示的に求めた場合は scikit-learn も使用できます)。

5. 確認する

スクリプトにチェッカーを実行します。チェッカーはスクリプトを実行し、すべての図を検査します。

uv run ${CLAUDE_SKILL_DIR}/scripts/check_figure.py <script>.py

テキストの重なり(タイトル、目盛りラベル、注釈、凡例)、凡例やラベルがデータを覆っていないか、注釈が別のパネルにはみ出していないか、空のパネル、小さすぎる文字、スタイルの不一致(スパイン、目盛り、凡例の枠、DPI)を報告します。すべての ERROR を修正して再実行します。意図的な重なり(例:棒の内部に置かれたラベル)でない限り、各 WARN も解消します — ラベルや凡例をデータにかからない位置へ移動します。ユーザーがその見た目を求めている場合を除き、STYLE の項目も修正します。

コード内で次の設定も確認します:sns.set_theme(font_scale=1.0, style="whitegrid", font="DejaVu Sans")、sns.despine(left=True, bottom=True)、注釈と目盛りラベルの文字色が dimgrey、凡例の枠の kwargs、bbox_inches="tight"。

6. 見た目を確認する

PNG を読み込みます。最初に見えるものを列挙します — タイトル、軸ラベル、凡例項目、注釈、マーク — その後、次の点を評価します。

  1. 忠実性: データが正しいか、列が正しいか、タイトルが内容に合っているか、値が妥当か。
  2. 整合性: 軸の範囲が適切か、棒がゼロから始まっているか、想定される位置に基準線(対角線、ベースライン、ゼロ)があるか。
  3. 原則: データが見える(P1)、主な比較が位置で表現されている(P3)、少なくとも1つの注釈が知見を示し、その内容に対応するデータの位置に置かれている(P6)、色がなくても系列を見分けられる(P7)、パネル間で一貫性がある(P8)、暗算が不要である(P9)。
  4. レイアウト: 余白のバランスが取れていて、窮屈な箇所がなく、注釈が対応するデータの近くにある。
  5. パターンのルール: パターンの Signature が含まれている。

修正したら、スクリプトとチェッカーを再実行し、もう一度確認します。視覚的な確認は3回までとし、問題が残る場合はその内容を報告して、どう進めるかを尋ねます。

7. 報告する

ユーザーが出版品質を求めている場合は、300 DPI で再レンダリングします。その後、作成したファイル、グラフが示す要点、次に行う改善案を1つ、ユーザーに伝えます。調整の提案も添えます。

コメント