[{"data":1,"prerenderedAt":82},["ShallowReactive",2],{"project:\u002F3c-dashboard-graphql:pt-br":3,"project:prev:\u002F3c-dashboard-graphql:pt-br":74,"project:next:\u002F3c-dashboard-graphql:pt-br":78},{"id":4,"title":5,"body":6,"category":49,"company":51,"cover":52,"date":53,"description":54,"extension":55,"featured":56,"image":44,"isPublic":56,"links":52,"meta":57,"navigation":58,"order":59,"path":60,"period":61,"role":62,"seo":64,"stack":65,"status":68,"stem":69,"tags":70,"__hash__":73},"projects_ptBR\u002Fprojects\u002F3c-dashboard-graphql.md","Dashboard Analítico · Grupo 3C",{"type":7,"value":8,"toc":43},"minimark",[9,22,27,36,40],[10,11,12,13,21],"p",{},"A dashboard analítica do CRM foi meu primeiro trabalho real com ",[14,15,20],"a",{"href":16,"rel":17,"target":19},"https:\u002F\u002Fgraphql.org\u002Flearn\u002F",[18],"nofollow","_blank","GraphQL"," — construí ela sozinho, do zero, e foi um daqueles protocolos que muda a forma como você pensa em buscar dado depois que você entende de verdade.",[23,24,26],"h2",{"id":25},"graficos-comparativos","Gráficos comparativos",[10,28,29,30,35],{},"Implementei em ",[14,31,34],{"href":32,"rel":33,"target":19},"https:\u002F\u002Fwww.chartjs.org\u002Fdocs\u002Flatest\u002F",[18],"Chart.js",": comparativos entre períodos pra valor arrecadado, produtos vendidos, clientes ativos e tarefas concluídas. A biblioteca cobre praticamente qualquer tipo de gráfico que você precisar, mas boa parte do trabalho foi customização pesada em cima do padrão — pra tudo seguir o design system da plataforma em vez de parecer um gráfico genérico colado ali.",[23,37,39],{"id":38},"relatorios-em-todo-canto","Relatórios em todo canto",[10,41,42],{},"Cada módulo da plataforma — chatbot, mensageria, CRM, Kanban, atividades, públicos, parcerias — tinha seu próprio relatório dedicado, com filtro, busca e exportação em CSV. Era, sem dúvida, o recurso mais cobrado pelos clientes enterprise: eles queriam número, sempre. Essa dashboard em GraphQL era a versão funda disso — construída de ponta a ponta, não só um wrapper de tabela com filtro.",{"title":44,"searchDepth":45,"depth":45,"links":46},"",2,[47,48],{"id":25,"depth":45,"text":26},{"id":38,"depth":45,"text":39},[50],"saas","Grupo 3C",null,"2026-07-12","Meu primeiro contato real com GraphQL — dashboard de métricas comerciais construído sozinho, do zero, com Chart.js customizado a fundo.","md",false,{},true,18,"\u002Fprojects\u002F3c-dashboard-graphql","2024 – 2025",[63],"Frontend Engineer",{"title":5,"description":54},[66,20,34,67],"Vue.js 3","TypeScript","completed","projects\u002F3c-dashboard-graphql",[71,20,34,72],"Vue.js","Analytics","-WO7jJHycoQlLiYrwl_Q2rLGgJxA3K7HctNoyL5ow0g",{"path":75,"title":76,"order":77},"\u002Fprojects\u002F3c-chatbot","Chatbot · Grupo 3C",17,{"path":79,"title":80,"order":81},"\u002Fprojects\u002F3c-disparos-em-massa","Disparos em Massa · Grupo 3C",19,1784312235957]