Vou construir um painel de análise em react com gráficos e tabelas interativos
Sobre este Serviço
Tradução automática
A maioria dos gigs de painel oferece um modelo bem básico. Depois você insere 10.000 linhas
e ele trava.
Eu crio painéis que aguentam o tranco: paginação no servidor, filtros e ordenação,
para que a tabela permaneça rápida, seja com 100 ou 100.000 registros. Gráficos conectados à
sua API real, não a dados de demonstração hardcoded.
O QUE VOCÊ RECEBE
- cartões KPI, gráficos de linha, barra, área, donut e empilhados (ApexCharts, Recharts
ou Chart.js, você escolhe)
- Tabelas de dados com paginação no servidor, multi-filtros e ordenação
- Filtros de intervalo de datas que controlam todos os gráficos da página
- Layout responsivo: funciona em laptop, tablet e celular
- Modo claro e escuro
- Estrutura de componentes limpa e código tipado que você pode expandir
STACKS
React 19 / Next.js 16 - TypeScript - Tailwind CSS, shadcn/ui, Chakra UI -
Redux Toolkit ou React Query - conecta a APIs REST (.NET, Node, qualquer uma)
Demo ao vivo: portfolio-projects-bay.vercel.app/dashboard/analytics
NÃO INCLUÍDO: Eu construo o frontend. Se você precisar do backend e do banco de dados
também, envie uma mensagem primeiro e farei um orçamento como projeto combinado.
Envie a documentação da sua API ou um exemplo de resposta JSON e eu te direi exatamente
qual pacote se encaixa. Gratuito, antes de você fazer o pedido.
Respeite os direitos de terceiros
Esteja atento ao fato que é contra as políticas do prestador da Fiverr incluir temas, modelos ou outros elementos no trabalho entregue que infrinjam os direitos de terceiros ou leis aplicáveis. Leia mais em nosso Guia de Criação Digital Responsável.
Conheça mais sobre Mert
UI UX Designer
- A partir deTurquia
- Membro desdeabr. de 2025
- Responde em aprox.:1 hora
Idiomas
Inglês
Tradução automática
Meu portfólio
Perguntas frequentes
Tradução automática
Você também constrói o backend?
Este gig é o frontend. Eu faço backend — ASP.NET Core e Node.js — mas como orçamento separado. Envie uma mensagem com o que você precisa e eu cotarei tudo de uma vez, ao invés de dividir.
Minha tabela fica lenta com muitas linhas. Você consegue melhorar isso?
Sim. Geralmente, é paginação no client que busca tudo de uma vez. A partir do pacote Standard, movo paginação, filtros e ordenação para o servidor, assim o navegador só carrega uma página de cada vez.
Qual biblioteca de gráficos você usa?
Você escolhe: ApexCharts, Recharts ou Chart.js. Já usei as três em produção. Se você não tem preferência, uso Recharts para React e ApexCharts quando precisa de interatividade mais avançada.
Você consegue adaptar ao meu design ou arquivo Figma?
Sim, e fica mais rápido pra nós se você tiver um. Sem um design, vou criar um layout limpo e moderno, mas sou desenvolvedor — não vou inventar sua identidade visual do zero.
Você usa template pago?
Não. Eu construo componentes do zero com Tailwind e shadcn/ui, ou Chakra UI, se preferir. Você fica com o código e não precisa pagar licença nenhuma.
Vai funcionar em mobile?
Sim, cada pacote é responsivo — laptop, tablet e celular. Gráficos se ajustam e tabelas mudam para layout de rolagem ou cartão em telas pequenas.

