20 visualizações catalogadas
Clique numa peça pra ver em detalhe. Use os filtros pra reduzir.
Bar chart KPIs trimestrais
Comparação receita vs clientes ao longo de 5 trimestres. Labels no topo das barras, legenda discreta.
Heatmap calendário 52 semanas
Mapa de calor 7 dias × 52 semanas. Visualiza sazonalidade e identifica buracos (férias, fim de semana).
Donut chart com centro destacado
Composição de receita por linha de produto. Centro mostra o total agregado.
Line chart interativo Plotly
Plotly line chart comparando 3 anos. Hover unificado por eixo X.
Infográfico de fluxo Pipeline
SVG escrito programaticamente. 5 etapas conectadas, paleta Candy Arco-Íris.
Gauge radial NPS
Medidor radial com arco em gradiente. Construído com math.cos/sin, totalmente vetorial.
Diagrama Mermaid PNG
Diagrama Mermaid renderizado como imagem rasterizada via mmdc.
Diagrama Mermaid SVG
Mesmo diagrama do anterior, vetorial. Texto selecionável, qualidade infinita.
Radar chart multi-eixo
Comparação de 6 dimensões entre estado atual e meta. Sobreposição com fill alpha.
Violin plot distribuições
Distribuição de ticket por plano. Mostra densidade, média e dispersão.
Stacked area temporal
Receita acumulada empilhada por linha de produto ao longo do ano.
Treemap hierárquico
Distribuição hierárquica com áreas proporcionais. Versão interativa permite drilldown.
Sunburst hierarquia radial
Hierarquia em anéis concêntricos. Versão interativa permite expandir cada nível.
Mapa coroplético Brasil
Distribuição geográfica colorida por estado. Hover mostra valor exato. GeoJSON oficial.
Funil de conversão estilizado
5 estágios com largura proporcional. Taxa de conversão entre cada etapa à direita.
Timeline roadmap horizontal
Milestones com bolinhas no eixo. Cards alternados acima/abaixo evitam sobreposição.
Bento dashboard estilo iOS
Layout de cards com tamanhos variados. Inspirado em widgets iOS.
Chart.js com troca animada
4 datasets visualizáveis como barras, linhas, radar ou polar area. Animação suave entre tipos.
D3 network graph com força
Rede de relacionamentos fisicamente simulada. Arraste os nós, scroll pra zoom.
Isométrico 3D stack visual
Camadas tecnológicas empilhadas em perspectiva isométrica. 3 faces (topo, esquerda, direita).