スキル一覧に戻る

d3js

vamseeachanta
更新日 2 days ago
3 閲覧
3
2
3
GitHubで表示
その他chartsd3svginteractivecustom-viz

について

このスキルは、開発者がD3.jsを使用して完全にカスタマイズされたインタラクティブなデータ可視化を作成できるようにし、あらゆる視覚要素と複雑なユーザーインタラクションを完全に制御できます。標準ライブラリでは利用できない独自の特注チャートを構築したり、高度なデータ駆動型のDOM操作やアニメーションを実装するのに理想的です。最大限のカスタマイズが必要な場合に使用し、Chart.jsなどのより迅速な解決策で十分な単純なチャートには使用しないでください。

クイックインストール

Claude Code

推奨
メイン
npx skills add vamseeachanta/workspace-hub -a claude-code
プラグインコマンド代替
/plugin add https://github.com/vamseeachanta/workspace-hub
Git クローン代替
git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/d3js

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

vamseeachanta/workspace-hub
パス: .claude/skills/data/visualization/d3js
0

関連スキル

d3js

その他

このスキルは、開発者がD3.jsを使用して完全にカスタマイズされたインタラクティブなデータ可視化を作成できるようにし、SVG要素とデータバインディングを完全に制御できます。標準的なライブラリでは実現できない洗練されたトランジションやインタラクションを備えた独自の複雑なチャートを構築するのに最適です。単純な事前スタイル済みチャートではなく、特注のデータ駆動型可視化が必要な場合にご利用ください。

スキルを見る

plotly-javascript-cdn

その他

このスキルは、Plotly.jsをウェブプロジェクトに直接組み込むためのCDNスクリプトタグを提供し、インタラクティブなデータ可視化を実現します。ビルドツールやnpm依存関係なしにクライアントサイドでの迅速なチャート作成を必要とする開発者に最適です。また、Python/R Plotlyバックエンドの補完的なインストールコマンドも含まれています。

スキルを見る

highcharts-theming

その他

このスキルは、開発者がHighchartsビジュアライゼーションにカスタムビジュアルテーマを適用できるようにします。`Highcharts.setOptions()`を使用して、色、背景、フォント、その他のスタイリングオプションをグローバルに設定するための参考コードを提供します。アプリケーション内の複数のチャートで一貫したブランディングやスタイリングを維持する必要がある場合に、このスキルをご利用ください。

スキルを見る

plotly-with-pandas

その他

このスキルは、DataFrameからの効率的なデータ可視化のために、PlotlyとPandasの統合を提供します。CSVデータからの直接プロットを可能にし、数学的可視化のためのNumPy互換性を含みます。インタラクティブなチャートが必要なJupyter環境で表形式データを扱う際にご利用ください。

スキルを見る