Pulso

Frontend · Data Viz · 2023

Pulso

Plataforma de analytics com gráficos interativos em tempo real, filtros avançados e exportação de relatórios para equipes de marketing e produto.

Ferramentas

ReactD3.jsNode.jsClickHouseWebSocketsDocker

Tags

ReactD3.jsNode.jsWebSockets

< 200ms

Latência máxima com 50k eventos/min

-85%

Economia vs. ferramentas pagas

12

Tipos de gráfico disponíveis

Qual era o desafio?

Times de produto precisavam visualizar métricas de comportamento do usuário sem depender de ferramentas caras como Mixpanel ou Amplitude. A solução precisava ser self-hosted e customizável.

Contexto do problema

Como chegamos lá

1

Definição dos eventos a serem rastreados e estrutura do data pipeline

2

Backend em Node.js com Express e WebSockets para streaming de eventos

3

Banco de dados time-series com ClickHouse para consultas de alta performance

4

Visualizações com D3.js — gráficos de linha, funil, heatmap e cohort

5

Filtros dinâmicos com URL state management via nuqs

6

Sistema de alertas com notificações por email e Slack

Pulso — imagem 1
Pulso — imagem 2
Pulso — imagem 3
Design final

O resultado

Dashboard com latência abaixo de 200ms mesmo com 50k eventos/min. Visualizações customizáveis com drag-and-drop e exportação para CSV/PDF.