highcharts-1-enable-accessibility
À propos
Cette compétence active les fonctionnalités d'accessibilité de Highcharts, rendant les graphiques compatibles avec les lecteurs d'écran et navigables au clavier. Elle fournit des exemples de code pour mettre en œuvre les options d'accessibilité, les infobulles personnalisées et la conception réactive. Utilisez-la lors de la création de visualisations de données accessibles devant respecter les normes WCAG.
Installation rapide
Claude Code
Recommandé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/highcharts-1-enable-accessibilityCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Compétences associées
d3js
AutreCette compétence permet aux développeurs de créer des visualisations de données interactives et entièrement personnalisées en utilisant D3.js, offrant un contrôle total sur les éléments SVG et la liaison des données. Elle est idéale pour construire des graphiques uniques et complexes avec des transitions et des interactions sophistiquées que les bibliothèques standards ne peuvent pas réaliser. Utilisez-la lorsque vous avez besoin de visualisations sur mesure, pilotées par les données, plutôt que de simples graphiques pré-stylisés.
plotly-with-pandas
AutreCette compétence intègre Plotly avec Pandas pour une visualisation simplifiée des données à partir de DataFrames. Elle permet un traçage direct à partir de données CSV et inclut une compatibilité NumPy pour les visualisations mathématiques. Utilisez-la lorsque vous travaillez avec des données tabulaires dans des environnements Jupyter nécessitant des graphiques interactifs.
plotly-vertical-legends-avoid-toolbar-clash
AutreCette compétence fournit des configurations de mise en page Plotly pour positionner les légendes verticalement sur le côté droit, évitant ainsi tout chevauchement avec la barre d'outils horizontale. Elle inclut des ajustements spécifiques des marges et un style compact pour garantir que la légende dispose d'un espace adéquat. La compétence recommande également une stratégie d'ordonnancement des traces pour les graphiques à jeux de données multiples, afin de regrouper logiquement les entrées de la légende.
highcharts-1-basic-line-chart
AutreCette compétence Claude fournit une implémentation Highcharts prête à l'emploi pour créer des graphiques linéaires de base avec une configuration minimale. Elle inclut un modèle HTML complet avec des séries de données, des axes et des étiquettes configurables que les développeurs peuvent copier et modifier directement. Utilisez cette compétence lorsque vous avez besoin de générer ou d'expliquer rapidement des visualisations de données temporelles ou catégorielles simples dans des applications web.
