MCP HubMCP Hub
SKILL·C17E20

d3js-1-use-proper-margins-convention

vamseeachanta
更新日 1 month ago
9 閲覧
3
2
3
GitHubで表示
その他general

について

このスキルは、適切なマージンの取り決めとコード構成に関するD3.jsのベストプラクティスを提供します。マージンの定義方法、内部寸法の計算、メソッドチェーンを用いたSVG要素の構造化について示します。D3による可視化を作成する際に、適切な間隔を保ち、整理された保守性の高いコードを確保するためにご利用ください。

クイックインストール

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-1-use-proper-margins-convention

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

GitHub リポジトリ

vamseeachanta/workspace-hub
パス: .claude/skills/data/visualization/d3js/1-use-proper-margins-convention
0
FAQ

Frequently asked questions

What is the d3js-1-use-proper-margins-convention skill?

d3js-1-use-proper-margins-convention is a Claude Skill by vamseeachanta. Skills package instructions and resources that Claude loads on demand, so Claude can perform d3js-1-use-proper-margins-convention-related tasks without extra prompting.

How do I install d3js-1-use-proper-margins-convention?

Use the install commands on this page: add d3js-1-use-proper-margins-convention 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-1-use-proper-margins-convention belong to?

d3js-1-use-proper-margins-convention is in the data-visualization category, tagged general.

Is d3js-1-use-proper-margins-convention free to use?

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

関連スキル

d3js
その他

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

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

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

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

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

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

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

スキルを見る