·d3js-visualization
{}

d3js-visualization

autumnsgrove/claudeskills

インタラクティブなグラフ、カスタム ビジュアライゼーション、アニメーション、レスポンシブ デザインをサポートする D3.js を使用したプロフェッショナルなデータ ビジュアライゼーションの作成。用途: (1) カスタム対話型チャートの作成、(2) ダッシュボードの構築、(3) ネットワーク/グラフの視覚化、(4) 地理データのマッピング、(5) 時系列分析、(6) リアルタイムのデータ視覚化、(7) 複雑な多次元データの表示

6インストール·1トレンド·@autumnsgrove

インストール

$npx skills add https://github.com/autumnsgrove/claudeskills --skill d3js-visualization

SKILL.md

D3.js (Data-Driven Documents) is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. It uses HTML, SVG, and CSS standards to bind data to the DOM and apply data-driven transformations.

| Library | Best For | Learning Curve | Customization |

| D3.js | Custom visualizations | Steep | Complete | | Chart.js | Standard charts | Easy | Limited | | Plotly | Scientific plots | Medium | Good | | Highcharts | Business dashboards | Easy | Good | | Three.js | 3D graphics | Steep | Complete |

インタラクティブなグラフ、カスタム ビジュアライゼーション、アニメーション、レスポンシブ デザインをサポートする D3.js を使用したプロフェッショナルなデータ ビジュアライゼーションの作成。用途: (1) カスタム対話型チャートの作成、(2) ダッシュボードの構築、(3) ネットワーク/グラフの視覚化、(4) 地理データのマッピング、(5) 時系列分析、(6) リアルタイムのデータ視覚化、(7) 複雑な多次元データの表示 ソース: autumnsgrove/claudeskills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/autumnsgrove/claudeskills --skill d3js-visualization
カテゴリ
{}データ分析
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

d3js-visualization とは?

インタラクティブなグラフ、カスタム ビジュアライゼーション、アニメーション、レスポンシブ デザインをサポートする D3.js を使用したプロフェッショナルなデータ ビジュアライゼーションの作成。用途: (1) カスタム対話型チャートの作成、(2) ダッシュボードの構築、(3) ネットワーク/グラフの視覚化、(4) 地理データのマッピング、(5) 時系列分析、(6) リアルタイムのデータ視覚化、(7) 複雑な多次元データの表示 ソース: autumnsgrove/claudeskills。

d3js-visualization のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/autumnsgrove/claudeskills --skill d3js-visualization インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/autumnsgrove/claudeskills