MCP HubMCP Hub
SKILL·A83F93

d3js

majiayu000
更新日 3 months ago
21 閲覧
58
9
58
GitHubで表示
その他chartsd3svginteractivecustom-viz

について

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

クイックインストール

Claude Code

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

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

GitHub リポジトリ

majiayu000/claude-skill-registry
パス: skills/data/d3js
0
FAQ

よくある質問

d3js Skillとは何ですか?

d3js はmajiayu000 が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで d3js に関連するタスクを実行できるようにします。

d3js をインストールするには?

このページのインストールコマンドを使用してください。d3js をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。

d3js はどのカテゴリに属しますか?

d3js は その他 カテゴリに属します。

d3js は無料で利用できますか?

はい。d3js は AIMCP に掲載されており、無料でインストールできます。

関連スキル

highcharts
その他

このスキルは、開発者がHighchartsを使用して企業向けのインタラクティブなチャートを作成できるようにします。株式チャートや地図などの専門的な可視化も含まれます。本番アプリケーション向けに、エクスポート機能を備えたプロフェッショナル品質のアクセシブルなチャートを提供します。高度な金融機能や企業向け機能を備えた、洗練されたWCAG準拠のデータ可視化が必要な場合にご利用ください。

スキルを見る
highcharts-boost-module-large-datasets
その他

このHighchartsスキルは、WebGLアクセラレーションを活用して大規模データセット(数千点以上)の高速レンダリングを実現します。BoostモジュールによるGPU最適化レンダリングに加え、注釈機能やドリルダウン機能を備えており、インタラクティブなデータ分析が可能です。標準レンダリングではパフォーマンス問題が発生する大規模データセットの可視化に適しています。

スキルを見る
plotly-javascript-cdn
その他

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

スキルを見る
highcharts-theming
その他

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

スキルを見る