MCP HubMCP Hub
Retour aux compétences

d3js-1-data-binding

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

À propos

Cette compétence fournit les fondamentaux du data binding avec D3.js pour créer des visualisations pilotées par les données. Elle couvre la liaison de jeux de données aux éléments DOM en utilisant les motifs enter/update/exit, la création d'échelles et d'axes pour le positionnement, et la mise en œuvre de transitions fluides. Utilisez-la lorsque vous avez besoin de générer ou de mettre à jour dynamiquement des éléments SVG en fonction de données changeantes dans des graphiques et des diagrammes.

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-data-binding

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-data-binding
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-with-pandas

Autre

Cette 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.

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

highcharts

Autre

Cette compétence permet aux développeurs de créer des graphiques interactifs de qualité professionnelle avec Highcharts, incluant des visualisations spécialisées comme les graphiques boursiers et les cartes. Elle fournit des graphiques accessibles de qualité professionnelle avec des capacités d'exportation pour des applications de production. Utilisez-la lorsque vous avez besoin de visualisations de données élaborées, conformes aux normes WCAG, avec des fonctionnalités financières ou d'entreprise avancées.

Voir la compétence