MCP HubMCP Hub
SKILL·A83F93

d3js

majiayu000
更新日 2 months ago
20 閲覧
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

Frequently asked questions

What is the d3js skill?

d3js is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform d3js-related tasks without extra prompting.

How do I install d3js?

Use the install commands on this page: add d3js to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does d3js belong to?

d3js is in the data-visualization category, tagged charts, d3, svg, interactive and custom-viz.

Is d3js free to use?

Yes. d3js is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

関連スキル

plotly-javascript-cdn
その他

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

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

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

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

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

スキルを見る
echarts-typescript-support
その他

このスキルは、TypeScriptプロジェクトでEChartsチャートを使用するためのTypeScript型定義と例を提供します。型安全なチャート設定のための`EChartsOption`型を含み、適切なインポートと初期化の方法を示しています。TypeScriptでEChartsを使用してデータ可視化を構築する際、オートコンプリートと型チェックを活用するために、このリファレンスをご利用ください。

スキルを見る