plotly-vertical-legends-avoid-toolbar-clash
À propos
Cette 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.
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/plotly-vertical-legends-avoid-toolbar-clashCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Frequently asked questions
What is the plotly-vertical-legends-avoid-toolbar-clash skill?
plotly-vertical-legends-avoid-toolbar-clash is a Claude Skill by vamseeachanta. Skills package instructions and resources that Claude loads on demand, so Claude can perform plotly-vertical-legends-avoid-toolbar-clash-related tasks without extra prompting.
How do I install plotly-vertical-legends-avoid-toolbar-clash?
Use the install commands on this page: add plotly-vertical-legends-avoid-toolbar-clash 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 plotly-vertical-legends-avoid-toolbar-clash belong to?
plotly-vertical-legends-avoid-toolbar-clash is in the data-visualization category, tagged general.
Is plotly-vertical-legends-avoid-toolbar-clash free to use?
Yes. plotly-vertical-legends-avoid-toolbar-clash is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Compétences associées
Cette 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.
Cette compétence fournit la balise de script CDN pour intégrer directement Plotly.js dans des projets web afin de créer des visualisations de données interactives. Elle est idéale pour les développeurs ayant besoin de créer rapidement des graphiques côté client sans outils de build ni dépendances npm. La compétence inclut également des commandes d'installation complémentaires pour les backends Python/R de Plotly.
Cette compétence permet aux développeurs d'appliquer des thèmes visuels personnalisés aux visualisations Highcharts. Elle fournit un code de référence pour configurer globalement les couleurs, les arrière-plans, les polices et d'autres options de style en utilisant `Highcharts.setOptions()`. Utilisez cette compétence lorsque vous avez besoin de maintenir une identité visuelle ou un style cohérent à travers plusieurs graphiques dans votre application.
Cette compétence Highcharts permet de restituer de grands ensembles de données (plusieurs milliers de points) en utilisant l'accélération WebGL pour améliorer les performances. Elle inclut le module Boost pour un rendu optimisé par GPU, ainsi que des annotations et des capacités de drill-down pour l'exploration interactive des données. Utilisez-la pour visualiser des ensembles de données massifs où le rendu standard causerait des problèmes de performance.
