MCP HubMCP Hub
SKILL·A9E9F2

chartjs-1-use-responsive-containers

vamseeachanta
更新日 4 months ago
10 閲覧
3
2
3
GitHubで表示
その他aidata

について

このスキルは、Chart.jsのレスポンシブなチャートコンテナと適切なライフサイクル管理に関するベストプラクティスを提供します。アスペクト比を適切に制御したレスポンシブなdivでチャートをラップする方法と、メモリリークを防ぐために再作成前にチャートを破棄する方法を実演します。Webアプリケーションで動的またはリサイズ可能なChart.jsビジュアライゼーションを実装する際にご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add vamseeachanta/workspace-hub -a claude-code
プラグインコマンド代替
/plugin add https://github.com/vamseeachanta/workspace-hub
Git クローン代替
git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/chartjs-1-use-responsive-containers

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

vamseeachanta/workspace-hub
パス: .claude/skills/data/visualization/chartjs/1-use-responsive-containers
0
FAQ

よくある質問

chartjs-1-use-responsive-containers Skillとは何ですか?

chartjs-1-use-responsive-containers はvamseeachanta が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで chartjs-1-use-responsive-containers に関連するタスクを実行できるようにします。

chartjs-1-use-responsive-containers をインストールするには?

このページのインストールコマンドを使用してください。chartjs-1-use-responsive-containers をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。

chartjs-1-use-responsive-containers はどのカテゴリに属しますか?

chartjs-1-use-responsive-containers は その他 カテゴリに属します。

chartjs-1-use-responsive-containers は無料で利用できますか?

はい。chartjs-1-use-responsive-containers は AIMCP に掲載されており、無料でインストールできます。

関連スキル

d3js
その他

このスキルは、開発者がD3.jsを使用して完全にカスタマイズされたインタラクティブなデータ可視化を作成できるようにし、SVG要素とデータバインディングを完全に制御できます。標準的なライブラリでは実現できない洗練されたトランジションやインタラクションを備えた独自の複雑なチャートを構築するのに最適です。単純な事前スタイル済みチャートではなく、特注のデータ駆動型可視化が必要な場合にご利用ください。

スキルを見る
highcharts
その他

このスキルは、開発者がHighchartsを使用して企業向けのインタラクティブなチャートを作成できるようにします。株式チャートや地図などの専門的な可視化も含まれます。本番アプリケーション向けに、エクスポート機能を備えたプロフェッショナル品質のアクセシブルなチャートを提供します。高度な金融機能や企業向け機能を備えた、洗練されたWCAG準拠のデータ可視化が必要な場合にご利用ください。

スキルを見る
highcharts-basic-charts
その他

このスキルは、開発者がHighchartsライブラリを使用して、折れ線グラフ、棒グラフ、円グラフ、散布図などの標準的なデータ可視化を作成できるようにします。Claude Code内で直接、ダッシュボードやレポート用の一般的なチャートタイプを素早く生成する方法を提供します。複雑なチャート設定を必要とせず、シンプルなプロットニーズに対応するためにこのスキルをご利用ください。

スキルを見る
highcharts-boost-module-large-datasets
その他

このHighchartsスキルは、WebGLアクセラレーションを活用して大規模データセット(数千点以上)の高速レンダリングを実現します。BoostモジュールによるGPU最適化レンダリングに加え、注釈機能やドリルダウン機能を備えており、インタラクティブなデータ分析が可能です。標準レンダリングではパフォーマンス問題が発生する大規模データセットの可視化に適しています。

スキルを見る