Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DataAvançado

D3.js Visualisation

porchrisvoncsefalvay·chrisvoncsefalvay· v1.0.0 · atualizado em 2026-04-11
80
Score

Creating interactive data visualizations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualizations, or any complex SVG-based data visualization that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualizations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

data-visualizationd3-jsjavascriptinteractive-chartssvgdata-analysisfrontend-development
Linguagens
JavaScriptTypeScript
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdd3-viz/workflow
Import d3.js into your project.
Select the SVG container element.
Define dimensions and margins for the chart.
Create scales to map data to visual properties.
Create axes based on the scales.
Bind data to SVG elements (rectangles, circles, lines, etc.).
Apply data-driven transformations to position, size, and style the elements.
Add interactions (tooltips, zoom, click handlers) as needed.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aDataAnalysisGBI
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

D3.js Visualisation
d3-viz
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.REFLECT
Triggers8
create a custom data visualizationbuild an interactive chart with d3.jsgenerate a network diagram using d3visualize data with d3.jscreate a geographic visualization with d3implement complex chart interactionsmake a responsive d3 chartdraw a chord diagram

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download d3-viz
$ synaptic skills detail d3-viz
$ synaptic skills live d3-viz

Dependências

d3.js

Links

GitHub Repository