d3-visualization

Curado por @jiannanya.

O que faz

Ensina o agente a produzir gráficos D3 e visualizações de dados interativas. Uma habilidade abrangente em D3.js com exemplos de tipos de gráficos e técnicas, dando ao agente conhecimento de nível especialista para gerar visualizações complexas e interativas. Útil para dashboards editoriais, relatórios, protótipos ricos em dados e gráficos explicativos.

Fonte

• Upstream: https://github.com/jiannanya/snow-d3/
• Categoria: diagrams

Como usar

Esta entrada do catálogo anuncia a habilidade no OpenDesign para que o agente a descubra durante o planejamento. Para executar o fluxo de trabalho completo do upstream com seus ativos, scripts e documentos de referência originais, instale o pacote upstream no diretório de habilidades do seu agente ativo:

# Inspect the upstream README for exact paths
open https://github.com/jiannanya/snow-d3/

# Clone or copy the snow-d3/ folder into your workspace's skills/ directory
git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3

Em seguida, peça ao agente para invocar esta habilidade pelo nome (d3-visualization) ou com uma das frases de gatilho listadas no frontmatter desta habilidade, por exemplo:

"Crie um treemap com zoom para meus dados de vendas" "Construa um gráfico de rede direcionado por força como o exemplo 07, mas para meu próprio conjunto de dados" "Gere um heatmap de calendário em D3"