echarts-typescript-support
について
このスキルは、TypeScriptプロジェクトでEChartsチャートを使用するためのTypeScript型定義と例を提供します。型安全なチャート設定のための`EChartsOption`型を含み、適切なインポートと初期化の方法を示しています。TypeScriptで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-typescript-supportこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
関連スキル
d3js
その他このスキルは、開発者がD3.jsを使用して完全にカスタマイズされたインタラクティブなデータ可視化を作成できるようにし、SVG要素とデータバインディングを完全に制御できます。標準的なライブラリでは実現できない洗練されたトランジションやインタラクションを備えた独自の複雑なチャートを構築するのに最適です。単純な事前スタイル済みチャートではなく、特注のデータ駆動型可視化が必要な場合にご利用ください。
plotly-with-pandas
その他このスキルは、DataFrameからの効率的なデータ可視化のために、PlotlyとPandasの統合を提供します。CSVデータからの直接プロットを可能にし、数学的可視化のためのNumPy互換性を含みます。インタラクティブなチャートが必要なJupyter環境で表形式データを扱う際にご利用ください。
chartjs-chartjs-zoom-plugin
その他このスキルは、chartjs-plugin-zoomを介してChart.jsビジュアライゼーションにズームおよびパン機能を提供します。ユーザーは、チャート上でドラッグしてパンし、スクロールしてズームすることで、詳細なデータ領域をインタラクティブに探索できます。開発者は、Chart.jsグラフにインタラクティブなデータナビゲーションを追加する必要がある場合に、これを使用すべきです。
plotly-vertical-legends-avoid-toolbar-clash
その他このスキルは、凡例を垂直に右側に配置し、水平ツールバーとの重なりを防ぐPlotlyレイアウト設定を提供します。適切なスペースを確保するために、特定のマージン調整とコンパクトなスタイリングを含みます。また、複数データセットのプロットにおいて凡例エントリを論理的にグループ化するためのトレース順序戦略も推奨しています。
