echarts-1-use-responsive-design
について
このスキルは、ECharts可視化のためのレスポンシブデザイン手法を提供し、ウィンドウサイズの変更に合わせてチャートを自動的にリサイズします。明示的な寸法の設定、データ取得中のローディング状態の実装、空のデータシナリオの処理などの方法を含みます。開発者はこれを使用して、異なる画面サイズでも機能を維持する適応性の高いユーザーフレンドリーなチャートを作成できます。
クイックインストール
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-1-use-responsive-designこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the echarts-1-use-responsive-design skill?
echarts-1-use-responsive-design is a Claude Skill by vamseeachanta. Skills package instructions and resources that Claude loads on demand, so Claude can perform echarts-1-use-responsive-design-related tasks without extra prompting.
How do I install echarts-1-use-responsive-design?
Use the install commands on this page: add echarts-1-use-responsive-design 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-1-use-responsive-design belong to?
echarts-1-use-responsive-design is in the data-visualization category, tagged design and data.
Is echarts-1-use-responsive-design free to use?
Yes. echarts-1-use-responsive-design 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最適化レンダリングに加え、注釈機能やドリルダウン機能を備えており、インタラクティブなデータ分析が可能です。標準レンダリングではパフォーマンス問題が発生する大規模データセットの可視化に適しています。
