🎨 cc-artifacts

Galeria de visualizações geradas pelo Cowboy, organizadas no Notion, renderizadas via Astro

20 artefatos
Bar chart KPIs trimestrais

Bar chart KPIs trimestrais

Comparação receita vs clientes ao longo de 5 trimestres. Labels no topo das barras, legenda discreta.

PNG Matplotlib Gráfico
Bento dashboard estilo iOS

Bento dashboard estilo iOS

Layout de cards com tamanhos variados. Inspirado em widgets iOS.

SVG drawsvg Dashboard

Chart.js com troca animada

4 datasets visualizáveis como barras, linhas, radar ou polar area. Animação suave entre tipos.

HTML Chart.js Gráfico

D3 network graph com força

Rede de relacionamentos fisicamente simulada. Arraste os nós, scroll pra zoom.

HTML D3 Network
Diagrama Mermaid PNG

Diagrama Mermaid PNG

Diagrama Mermaid renderizado como imagem rasterizada via mmdc.

PNG Mermaid CLI Infográfico
Diagrama Mermaid SVG

Diagrama Mermaid SVG

Mesmo diagrama do anterior, vetorial. Texto selecionável, qualidade infinita.

SVG Mermaid CLI Infográfico
Donut chart com centro destacado

Donut chart com centro destacado

Composição de receita por linha de produto. Centro mostra o total agregado.

PNG Matplotlib Gráfico
Funil de conversão estilizado

Funil de conversão estilizado

5 estágios com largura proporcional. Taxa de conversão entre cada etapa à direita.

SVG drawsvg Infográfico
Gauge radial NPS

Gauge radial NPS

Medidor radial com arco em gradiente. Construído com math.cos/sin, totalmente vetorial.

SVG drawsvg Gauge
Heatmap calendário 52 semanas

Heatmap calendário 52 semanas

Mapa de calor 7 dias × 52 semanas. Visualiza sazonalidade e identifica buracos (férias, fim de semana).

PNG Matplotlib Estatístico
Infográfico de fluxo Pipeline

Infográfico de fluxo Pipeline

SVG escrito programaticamente. 5 etapas conectadas, paleta Candy Arco-Íris.

SVG drawsvg Infográfico
Isométrico 3D stack visual

Isométrico 3D stack visual

Camadas tecnológicas empilhadas em perspectiva isométrica. 3 faces (topo, esquerda, direita).

SVG drawsvg 3D

Line chart interativo Plotly

Plotly line chart comparando 3 anos. Hover unificado por eixo X.

HTML Plotly Gráfico

Mapa coroplético Brasil

Distribuição geográfica colorida por estado. Hover mostra valor exato. GeoJSON oficial.

HTML Plotly Mapa
Radar chart multi-eixo

Radar chart multi-eixo

Comparação de 6 dimensões entre estado atual e meta. Sobreposição com fill alpha.

PNG Matplotlib Estatístico
Stacked area temporal

Stacked area temporal

Receita acumulada empilhada por linha de produto ao longo do ano.

PNG Matplotlib Gráfico

Sunburst hierarquia radial

Hierarquia em anéis concêntricos. Versão interativa permite expandir cada nível.

HTML Plotly Hierarquia
Timeline roadmap horizontal

Timeline roadmap horizontal

Milestones com bolinhas no eixo. Cards alternados acima/abaixo evitam sobreposição.

SVG drawsvg Timeline

Treemap hierárquico

Distribuição hierárquica com áreas proporcionais. Versão interativa permite drilldown.

HTML Plotly Hierarquia
Violin plot distribuições

Violin plot distribuições

Distribuição de ticket por plano. Mostra densidade, média e dispersão.

PNG Matplotlib Estatístico
Bar chart KPIs trimestrais Matplotlib PNG Gráfico 2026-05-17 Bento dashboard estilo iOS drawsvg SVG Dashboard 2026-05-17 Chart.js com troca animada Chart.js HTML Gráfico 2026-05-17 D3 network graph com força D3 HTML Network 2026-05-17 Diagrama Mermaid PNG Mermaid CLI PNG Infográfico 2026-05-17 Diagrama Mermaid SVG Mermaid CLI SVG Infográfico 2026-05-17 Donut chart com centro destacado Matplotlib PNG Gráfico 2026-05-17 Funil de conversão estilizado drawsvg SVG Infográfico 2026-05-17 Gauge radial NPS drawsvg SVG Gauge 2026-05-17 Heatmap calendário 52 semanas Matplotlib PNG Estatístico 2026-05-17 Infográfico de fluxo Pipeline drawsvg SVG Infográfico 2026-05-17 Isométrico 3D stack visual drawsvg SVG 3D 2026-05-17 Line chart interativo Plotly Plotly HTML Gráfico 2026-05-17 Mapa coroplético Brasil Plotly HTML Mapa 2026-05-17 Radar chart multi-eixo Matplotlib PNG Estatístico 2026-05-17 Stacked area temporal Matplotlib PNG Gráfico 2026-05-17 Sunburst hierarquia radial Plotly HTML Hierarquia 2026-05-17 Timeline roadmap horizontal drawsvg SVG Timeline 2026-05-17 Treemap hierárquico Plotly HTML Hierarquia 2026-05-17 Violin plot distribuições Matplotlib PNG Estatístico 2026-05-17
Nome Ferramenta Tipo Categoria Tempo Data
Bar chart KPIs trimestrais Matplotlib PNG Gráfico 1,2s 2026-05-17
Bento dashboard estilo iOS drawsvg SVG Dashboard 0,3s 2026-05-17
Chart.js com troca animada Chart.js HTML Gráfico manual 2026-05-17
D3 network graph com força D3 HTML Network manual 2026-05-17
Diagrama Mermaid PNG Mermaid CLI PNG Infográfico 3,5s 2026-05-17
Diagrama Mermaid SVG Mermaid CLI SVG Infográfico 3,2s 2026-05-17
Donut chart com centro destacado Matplotlib PNG Gráfico 0,8s 2026-05-17
Funil de conversão estilizado drawsvg SVG Infográfico 0,2s 2026-05-17
Gauge radial NPS drawsvg SVG Gauge 0,2s 2026-05-17
Heatmap calendário 52 semanas Matplotlib PNG Estatístico 0,9s 2026-05-17
Infográfico de fluxo Pipeline drawsvg SVG Infográfico 0,3s 2026-05-17
Isométrico 3D stack visual drawsvg SVG 3D 0,3s 2026-05-17
Line chart interativo Plotly Plotly HTML Gráfico 2,1s 2026-05-17
Mapa coroplético Brasil Plotly HTML Mapa 2,4s 2026-05-17
Radar chart multi-eixo Matplotlib PNG Estatístico 0,7s 2026-05-17
Stacked area temporal Matplotlib PNG Gráfico 1,1s 2026-05-17
Sunburst hierarquia radial Plotly HTML Hierarquia 1,6s 2026-05-17
Timeline roadmap horizontal drawsvg SVG Timeline 0,3s 2026-05-17
Treemap hierárquico Plotly HTML Hierarquia 1,8s 2026-05-17
Violin plot distribuições Matplotlib PNG Estatístico 1,0s 2026-05-17