デー��の可視化は複雑なコードを必要とし、探索のためのインタラクティブ性が欠けていることが多い。このスキルは、Plotlyでインタラクティブな出版品質チャートを作成するための包括的なガイダンスを提供し、ホバーツールチップ、ズーム、パン、40以上のチャートタイプをダッシュボードやデータ分析向けに提供します。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「plotly」を使用しています。 xとyデータのシンプルな散布図を作成
期待される結果:
px.scatter()の基本パラメータ、fig.show()による表示、ズームやホバーなどのインタラクティブ機能の説明を示すコードスニペット
「plotly」を使用しています。 PlotlyチャートをHTMLにエクスポートするには？
期待される結果:
fig.write_html()を使用したコード例、ファイルパスパラメータの説明、JavaScriptライブラリの埋め込みとCDNオプション
「plotly」を使用しています。 3D Surfaceプロットを構築
期待される結果:
meshグリッドデータを使用したgo.Surface()、カメラ角度設定、カラーscaleカスタマイズ手順
セキュリティ監査
安全This is a legitimate documentation skill for the Plotly visualization library. All 342 static findings are false positives from the pattern scanner detecting markdown code block delimiters as shell commands, documentation text as malicious keywords, and legitimate API references as threats. No actual security risks present.
品質スコア
作れるもの
ダッシュボード開発
リアルタイムデータ探索機能を備えたビジネスインテリジェンス向けインタラクティブダッシュボードを構築し、フィルタリング、ズーム、ホバー詳細を実現。
科学的データ可視化
研究論文、プレゼンテーション、レポート向けの出版品質チャートを、スタイリングとレイアウトの精密なコントロールで作成。
探索的データ分析
仮説生成とデータ品質評価のために、インタラクティブチャートでデータの分布、相関、パターンを迅速に可視化。
これらのプロンプトを試す
Plotly Expressを使用して、温度と販売の関係を表す散布図を作成
3つの製品カテゴリ間の月次収益を比較するインタラクティブ折れ線チャートをホバーツールチップ付きで生成
平均と中央値の線を備えたデータ分布を示すカスタム色、ビンサイズ、アノテーションを持つヒストグラムを構築
散布図、棒チャート、ヒートマップを含むサブプロットを持つダッシュボードを共有カラースケールでグリッドレイアウトに配置して作成
ベストプラクティス
- クイックな標準可視化にはPlotly Expressを、複雑なカスタムチャートにはGraph Objectsを使用して細部までのコントロールを実現
- fig.update_layoutでレスポンシブサイジングを有効にし、異なる画面サイズやコンテナ寸法に適応するチャートを実現
- 大規模なデータセットは、可視化前にデータを集約またはサンプリングしてパフォーマンスを最適化
回避
- Plotly Expressで同じ結果を少ないコードで達成できる場合、Graph Objectsを単純なチャートに使用することは避ける
- インタラクションを遅くしたり混乱させたりするほどの多的トレースやデータポイントを持つ過度に複雑なチャートを作成しない
- 異なる表示環境でのレスポンシブデザインを考慮せずにチャート寸法をハードコードしない