echarts
について
このスキルは、開発者がApache EChartsを使用してインタラクティブなチャートを作成できるようにし、使いやすさと高度なカスタマイズ性のバランスを提供します。多様なチャートタイプ、TypeScript、大規模データセット、モバイル対応をサポートしています。ウェブアプリケーションに強力でカスタマイズ可能なデータ可視化が必要な場合にご利用ください。
クイックインストール
Claude Code
推奨npx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/echartsこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the echarts skill?
echarts is a Claude Skill by vamseeachanta. Skills package instructions and resources that Claude loads on demand, so Claude can perform echarts-related tasks without extra prompting.
How do I install echarts?
Use the install commands on this page: add echarts 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 echarts belong to?
echarts is in the data-visualization category, tagged charts, echarts, apache, interactive, typescript and mobile.
Is echarts free to use?
Yes. echarts is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
このスキルは、開発者がD3.jsを使用して完全にカスタマイズされたインタラクティブなデータ可視化を作成できるようにし、SVG要素とデータバインディングを完全に制御できます。標準的なライブラリでは実現できない洗練されたトランジションやインタラクションを備えた独自の複雑なチャートを構築するのに最適です。単純な事前スタイル済みチャートではなく、特注のデータ駆動型可視化が必要な場合にご利用ください。
このスキルは、Plotly.jsをウェブプロジェクトに直接組み込むためのCDNスクリプトタグを提供し、インタラクティブなデータ可視化を実現します。ビルドツールやnpm依存関係なしにクライアントサイドでの迅速なチャート作成を必要とする開発者に最適です。また、Python/R Plotlyバックエンドの補完的なインストールコマンドも含まれています。
このスキルは、開発者がHighchartsビジュアライゼーションにカスタムビジュアルテーマを適用できるようにします。`Highcharts.setOptions()`を使用して、色、背景、フォント、その他のスタイリングオプションをグローバルに設定するための参考コードを提供します。アプリケーション内の複数のチャートで一貫したブランディングやスタイリングを維持する必要がある場合に、このスキルをご利用ください。
このHighchartsスキルは、WebGLアクセラレーションを活用して大規模データセット(数千点以上)の高速レンダリングを実現します。BoostモジュールによるGPU最適化レンダリングに加え、注釈機能やドリルダウン機能を備えており、インタラクティブなデータ分析が可能です。標準レンダリングではパフォーマンス問題が発生する大規模データセットの可視化に適しています。
