MCP HubMCP Hub
Retour aux compétences

d3js-1-use-proper-margins-convention

vamseeachanta
Mis à jour 2 days ago
8 vues
3
2
3
Voir sur GitHub
Autregeneral

À propos

Cette compétence fournit les meilleures pratiques D3.js pour les conventions de marges appropriées et l'organisation du code. Elle montre comment définir les marges, calculer les dimensions internes et structurer les éléments SVG avec l'enchaînement de méthodes. Utilisez-la lors de la création de visualisations D3 pour garantir un code propre, maintenable et avec un espacement correct.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add vamseeachanta/workspace-hub -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/vamseeachanta/workspace-hub
Git CloneAlternatif
git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/d3js-1-use-proper-margins-convention

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

vamseeachanta/workspace-hub
Chemin: .claude/skills/data/visualization/d3js/1-use-proper-margins-convention
0

Compétences associées

d3js

Autre

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.

Voir la compétence

plotly-javascript-cdn

Autre

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.

Voir la compétence

highcharts-theming

Autre

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.

Voir la compétence

echarts-typescript-support

Autre

Cette compétence fournit des définitions de types TypeScript et des exemples pour utiliser les graphiques ECharts dans des projets TypeScript. Elle inclut le type `EChartsOption` pour une configuration de graphique typée sécurisée et démontre les imports et l'initialisation appropriés. Utilisez cette référence lors de la création de visualisations de données avec ECharts en TypeScript pour bénéficier de l'autocomplétion et de la vérification des types.

Voir la compétence