echarts について
echarts は、Apache ECharts でチャートを作成する開発者向けのスキルです。多様なチャート、TypeScript、レスポンシブ設計、大規模データの描画を例や関連スキルとともに解説します。
主な機能
- 0120 種類以上のチャートを紹介
- 02地理マップチャートに対応
- 03TypeScript サポートを解説
- 04レスポンシブ設計を紹介
- 05大規模データの描画を解説
活用シーン
- 01データ可視化に適したチャートの選択
- 02モバイル向けチャートの設計
- 03TypeScript によるチャート設定
- 04大量のデータ点を含むチャートの描画
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ vamseeachanta/ workspace-hub --skill echartsインストール後、Claude Code で/echartsを入力して読み込まれたか確認します。
詳細
Echarts
このスキルを使用する場面
次のような場合は、ECharts を使用してください。
- 使いやすさと高機能の両立 - すぐに使い始められ、必要に応じて高度な機能も利用できます
- 幅広い種類のチャート - 地図を含む 20 種類以上のチャート
- TypeScript のサポート - 型定義が完備されています
- モバイル対応 - レスポンシブデザインが組み込まれています
- 大規模なデータセット - 10 万点以上を効率的に描画できます
- 中国語/多言語対応 - 優れた国際化サポート
使用を避ける場合:
- 究極のカスタマイズ性が必要な場合(D3.js を使用)
- シンプルなチャートだけが必要な場合(Chart.js を使用)
- 3D の科学的な可視化が必要な場合(Plotly を使用)
リソース
- 公式ドキュメント: https://echarts.apache.org/en/index.html
- サンプル: https://echarts.apache.org/examples/en/index.html
- GitHub: https://github.com/apache/echarts
- コミュニティ: https://github.com/ecomfe/awesome-echarts
サブスキル
サブスキル
コメント
Markdown 対応