data-visualization

Create clear, purposeful visualizations that communicate data effectively.

| React Artifact | Interactive dashboards, real-time exploration, web delivery | Recharts + Tailwind | | HTML Artifact | Standalone interactive charts, shareable files | Chart.js or D3 | | Python → PNG/PDF | Print-ready graphics, reports, presentations | Matplotlib/Seaborn | | Python → Interactive | Notebooks, exploratory analysis | Plotly |

グラフ、ダッシュボード、インフォグラフィックなどの本番品質のデータ視覚化を作成します。ユーザーがデータの視覚化、グラフの作成、ダッシュボードの構築、インフォグラフィックの作成、統計のプロット、またはデータセットの視覚的表現への変換を要求する場合に使用します。 React/Recharts アーティファクト、静的画像 (Python 経由の PNG/PDF)、およびインタラクティブ HTML をサポートします。トリガーには、「このデータを視覚化する」、「グラフを作成する」、「ダッシュボードを構築する」、「グラフを作成する」、「これをプロットする」、「インフォグラフィック」、またはデータを視覚的に表現するためのリクエストが含まれます。 ソース: dodatech/approved-skills。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dodatech/approved-skills --skill data-visualization インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります