Uma visão geral completa das melhores ferramentas de visualização de dados

O consumo de grandes conjuntos de dados nem sempre é simples. Às vezes, os conjuntos de dados são tão grandes que é absolutamente impossível discernir algo útil deles. É aí que entram as visualizações de dados.

A criação de visualizações de dados raramente é simples. Não é como se os designers pudessem simplesmente pegar um conjunto de dados com milhares de entradas e criar uma visualização do zero. Claro, é possível, mas quem quer gastar dezenas ou centenas de horas traçando pontos em um gráfico de dispersão? É aí que entram as ferramentas de visualização de dados.

O que são ferramentas de visualização de dados?

As ferramentas de visualização de dados fornecem aos designers de visualização de dados uma maneira mais fácil de criar representações visuais de grandes conjuntos de dados. Ao lidar com conjuntos de dados que incluem centenas de milhares ou milhões de pontos de dados, automatizar o processo de criação de uma visualização, pelo menos em parte, facilita significativamente o trabalho do designer.

Essas visualizações de dados podem ser usadas para diversas finalidades: painéis, relatórios anuais, materiais de vendas e marketing, apresentações de slides para investidores e praticamente em qualquer outro lugar que as informações precisem ser interpretadas imediatamente.

O que as melhores ferramentas de visualização de dados têm em comum?

As melhores ferramentas de visualização de dados do mercado têm algumas coisas em comum. Primeiro é a sua facilidade de uso. Existem alguns aplicativos incrivelmente complicados disponíveis para visualizar dados. Alguns têm excelente documentação e tutoriais e são projetados de forma intuitiva para o usuário. Outras faltam nessas áreas, eliminando-as de qualquer lista de “melhores” ferramentas, independentemente de suas outras capacidades.

As melhores ferramentas também podem lidar com grandes conjuntos de dados. Na verdade, os melhores podem até mesmo lidar com vários conjuntos de dados em uma única visualização.

As melhores ferramentas também podem produzir uma variedade de diferentes tipos de gráficos, gráficos e mapas. A maioria das ferramentas abaixo pode produzir imagens e gráficos interativos. No entanto, existem exceções à variedade de critérios de saída. Algumas ferramentas de visualização de dados se concentram em um tipo específico de gráfico ou mapa e o fazem muito bem. Essas ferramentas também têm um lugar entre as “melhores” ferramentas disponíveis.

Finalmente, há considerações de custo. Embora um preço mais alto não necessariamente desqualifique uma ferramenta, o preço mais alto deve ser justificado em termos de melhor suporte, melhores recursos e melhor valor geral.

Comparação de ferramentas de visualização de dados

Existem dezenas, senão centenas, de aplicativos, ferramentas e scripts disponíveis para criar visualizações de grandes conjuntos de dados. Muitos são muito básicos e têm muitos recursos sobrepostos.

Mas há destaques que têm mais capacidade para os tipos de visualizações que podem criar ou são significativamente mais fáceis de usar do que as outras opções disponíveis.

Tableau (e Tableau Public)

O Tableau tem várias opções disponíveis, incluindo um aplicativo para desktop, servidor e versões online hospedadas e uma opção pública gratuita. Existem centenas de opções de importação de dados disponíveis, de arquivos CSV a dados do Google Ads e Analytics a dados do Salesforce.

As opções de saída incluem vários formatos de gráfico, bem como capacidade de mapeamento. Isso significa que os designers podem criar mapas codificados por cores que mostram dados geograficamente importantes em um formato muito mais fácil de digerir do que uma tabela ou gráfico jamais poderia ser.

A versão pública do Tableau é gratuita para quem procura uma maneira eficiente de criar visualizações de dados que podem ser usadas em diversas configurações. De jornalistas a viciados em política e aqueles que querem apenas quantificar os dados de suas próprias vidas, há vários usos potenciais para o Tableau Public. Eles têm uma extensa galeria de infográficos e visualizações que foram criados com a versão pública para servir de inspiração para quem tem interesse em criar o seu próprio.

Prós

• Centenas de opções de importação de dados
• Capacidade de mapeamento
• Versão pública gratuita disponível
• Muitos tutoriais em vídeo para orientá-lo sobre como usar o Tableau

Contras

• Versões não gratuitas são caras (US$ 70/mês/usuário para o software Tableau Creator)
• A versão pública não permite que você mantenha as análises de dados privadas

Exemplos de visualização de dados

Resultado final

O Tableau é uma ótima opção para quem precisa criar mapas além de outros tipos de gráficos. O Tableau Public também é uma ótima opção para quem deseja criar visualizações voltadas para o público.

Infograma

O Infogram é uma ferramenta de visualização de arrastar e soltar com todos os recursos que permite que até mesmo não designers criem visualizações eficazes de dados para relatórios de marketing, infográficos, postagens de mídia social, mapas, painéis e muito mais.

As visualizações finalizadas podem ser exportadas em vários formatos: .PNG, .JPG, .GIF, .PDF e .HTML. Visualizações interativas também são possíveis, perfeitas para incorporar em sites ou aplicativos. O Infogram também oferece um plugin WordPress que torna a incorporação de visualizações ainda mais fácil para os usuários do WordPress.

Prós

• Preços diferenciados, incluindo um plano gratuito com recursos básicos
• Inclui mais de 35 tipos de gráficos e mais de 550 tipos de mapas
• Editor de arrastar e soltar
• API para importar fontes de dados adicionais

Contras

• Significativamente menos fontes de dados integradas do que alguns outros aplicativos

Exemplos

Resultado final

O Infogram é uma ótima opção para não designers e designers. O editor de arrastar e soltar facilita a criação de designs com aparência profissional sem muita habilidade em design visual.

Blocos de gráfico

O ChartBlocks afirma que os dados podem ser importados de “qualquer lugar” usando sua API, inclusive de feeds ao vivo. Embora eles digam que a importação de dados de qualquer fonte pode ser feita em “apenas alguns cliques”, é provável que seja mais complexo do que outros aplicativos que possuem módulos automatizados ou extensões para fontes de dados específicas.

O aplicativo permite uma ampla personalização da visualização final criada, e o assistente de criação de gráficos ajuda os usuários a escolher exatamente os dados certos para seus gráficos antes de importar os dados.

Os designers podem criar praticamente qualquer tipo de gráfico, e a saída é responsiva - uma grande vantagem para designers de visualização de dados que desejam incorporar gráficos em sites que provavelmente serão visualizados em vários dispositivos.

Prós

• Planos pagos gratuitos e com preços razoáveis ​​estão disponíveis
• Assistente fácil de usar para importar os dados necessários

Contras

• Não está claro o quão robusta é sua API
• Não parece ter nenhum recurso de mapeamento

Exemplos

Resultado final

O ChartBlocks possui um excelente plano gratuito, o que é uma grande vantagem. A facilidade de uso para criar tabelas e gráficos básicos também é excelente.

Datawrapper

O Datawrapper foi criado especificamente para adicionar gráficos e mapas a notícias. Os gráficos e mapas criados são interativos e feitos para serem incorporados em sites de notícias. Suas fontes de dados são limitadas, porém, com o método principal sendo copiar e colar dados na ferramenta.

Depois que os dados são importados, os gráficos podem ser criados com um único clique. Seus tipos de visualização incluem gráficos de colunas, linhas e barras, rosquinhas de eleição, gráficos de área, gráficos de dispersão, mapas coropléticos e de símbolos e mapas de localização, entre outros. As visualizações finalizadas lembram as vistas em sites como o New York Times ou o Boston Globe. De fato, seus gráficos são usados ​​por publicações como Mother Jones, Fortune e The Times.

O plano gratuito é perfeito para incorporar gráficos em sites menores com tráfego limitado, mas os planos pagos são caros, a partir de US$ 39/mês.

Prós

• Projetado especificamente para visualização de dados de redação
• O plano gratuito é uma boa opção para sites menores
• A ferramenta inclui um verificador de daltonismo integrado

Contras

• Fontes de dados limitadas
• Planos pagos são caros

Exemplo

Resultado final

O Datawrapper é uma excelente opção para visualizações de dados para sites de notícias. Apesar do preço, os recursos que o Datawrapper inclui para visualização específica de notícias valem a pena.

D3.js

D3.js é uma biblioteca JavaScript para manipular documentos usando dados. D3.js requer pelo menos algum conhecimento de JS, embora existam aplicativos que permitem que usuários não programadores utilizem a biblioteca.

Esses aplicativos incluem o NVD3, que oferece gráficos reutilizáveis ​​para D3.js; Plotly's Chart Studio, que também permite que designers criem WebGL e outros gráficos; e Ember Charts, que também usa a estrutura Ember.js.

Prós

• Muito poderoso e personalizável
• Grande número de tipos de gráficos possíveis
• Um foco em padrões da web
• Ferramentas disponíveis para permitir que não programadores criem visualizações
• Gratuito e de código aberto

Contras

• Requer conhecimento de programação para usar sozinho
• Menos suporte disponível do que com ferramentas pagas

Exemplos

Resultado final

O D3.js é adequado apenas para os designers que têm acesso a um programador para obter ajuda ou têm conhecimento de programação.

Gráficos do Google

O Google Charts é uma ferramenta de visualização de dados poderosa e gratuita, especificamente para criar gráficos interativos para incorporação on-line. Funciona com dados dinâmicos e as saídas são baseadas puramente em HTML5 e SVG, portanto funcionam em navegadores sem o uso de plugins adicionais. As fontes de dados incluem Google Spreadsheets, Google Fusion Tables, Salesforce e outros bancos de dados SQL.

Há uma variedade de tipos de gráficos, incluindo mapas, gráficos de dispersão, gráficos de colunas e barras, histogramas, gráficos de área, gráficos de pizza, mapas de árvore, linhas do tempo, medidores e muitos outros. Esses gráficos podem ser personalizados completamente, através de uma simples edição de CSS.

Prós

• Livre
• Grande variedade de formatos de gráficos disponíveis
• Compatível com vários navegadores, pois usa HTML5/SVG
• Funciona com dados dinâmicos

Contras

• Além dos tutoriais e do fórum disponíveis, há suporte limitado

Exemplos

Resultado final

O Google Charts é uma ótima opção se um designer estiver um pouco confortável com a codificação e quiser uma solução poderosa e gratuita. Ser capaz de usar qualquer banco de dados SQL como fonte de dados também o torna uma boa opção para grandes conjuntos de dados.

FusionCharts

FusionCharts é outra opção baseada em JavaScript para criar painéis da web e móveis. Inclui mais de 150 tipos de gráficos e 1.000 tipos de mapas. Ele pode se integrar com estruturas JS populares (incluindo React, jQuery, React, Ember e Angular), bem como com linguagens de programação do lado do servidor (incluindo PHP, Java, Django e Ruby on Rails).

O FusionCharts fornece código pronto para uso para todas as variações de gráficos e mapas, facilitando a incorporação em sites, mesmo para designers com conhecimento de programação limitado. Como o FusionCharts visa criar painéis em vez de apenas visualizações de dados simples, é uma das opções mais caras incluídas neste artigo. Mas também é um dos mais poderosos.

Prós

• Grande número de opções de formato de carta e mapa
• Mais recursos do que a maioria das outras ferramentas de visualização
• Integra-se a vários frameworks e linguagens de programação diferentes

Contras

• Caro (começa em quase US $ 500 para uma licença de desenvolvedor)
• Exagero para visualizações simples fora de um ambiente de painel

Exemplos

Resultado final

Para criar painéis, nada mais neste artigo se compara ao FusionCharts. Se esse é o projeto em mãos, esta é, sem dúvida, a escolha mais poderosa.

Chart.js

Chart.js é uma biblioteca de gráficos JavaScript simples, mas flexível. É de código aberto, oferece uma boa variedade de tipos de gráficos (oito no total) e permite animação e interação.

Chart.js usa HTML5 Canvas para saída, portanto, renderiza bem os gráficos em todos os navegadores modernos. Os gráficos criados também são responsivos, por isso é ótimo para criar visualizações compatíveis com dispositivos móveis.

Prós

• Gratuito e de código aberto
• Saída responsiva e compatível com vários navegadores

Contras

• Tipos de gráfico muito limitados em comparação com outras ferramentas
• Suporte limitado fora da documentação oficial

Exemplos

Resultado final

O Chart.js é uma boa opção para designers que precisam de uma opção de visualização simples, personalizável e interativa. Seus maiores pontos de venda são que é gratuito e de código aberto.

Grafana

Grafana é um software de visualização de código aberto que permite aos usuários criar painéis dinâmicos e outras visualizações. Ele suporta fontes de dados mistas, anotações e funções de alerta personalizáveis ​​e pode ser estendido por meio de centenas de plug-ins disponíveis. Isso o torna uma das ferramentas de visualização mais poderosas disponíveis.

As funções de exportação permitem que os designers compartilhem instantâneos de painéis e convidem outros usuários para colaborar. O Grafana suporta mais de 50 fontes de dados por meio de plugins. O download é gratuito ou há uma versão hospedada na nuvem por US$ 49/mês. (Há também uma versão hospedada gratuita muito limitada.) A versão para download também tem planos de suporte disponíveis, algo que muitas outras ferramentas de código aberto não oferecem.

Prós

• Código aberto, com opções gratuitas e pagas disponíveis
• Grande seleção de fontes de dados disponíveis
• Variedade de tipos de gráficos disponíveis
• Simplifica a criação de painéis dinâmicos
• Pode trabalhar com feeds de dados mistos

Contras

• Exagero para criar visualizações simples
• Não oferece tantas opções de personalização visual quanto algumas outras ferramentas
• Não é a melhor opção para criar imagens de visualização
• Não é possível incorporar painéis em sites, embora seja possível para painéis individuais

Exemplos

Resultado final

O Grafana é uma das melhores opções para criar dashboards para uso interno, especialmente para fontes de dados mistas ou grandes.

Chartist.js

Chartist.js é uma biblioteca JavaScript gratuita e de código aberto que permite a criação de gráficos responsivos simples que são altamente personalizáveis ​​e compatíveis com vários navegadores. Toda a biblioteca JavaScript tem apenas 10 KB quando GZIP. Gráficos criados com Chartist.js também podem ser animados, e plugins permitem que sejam estendidos.

Prós

• Gratuito e de código aberto
• Tamanho de arquivo minúsculo
• Os gráficos podem ser animados

Contras

• Não é a seleção mais ampla de tipos de gráficos disponíveis
• Sem recursos de mapeamento
• Suporte limitado fora da comunidade de desenvolvedores

Exemplos

Resultado final

Chartist.js é uma boa opção para designers que desejam gráficos simples, incorporáveis ​​e responsivos com um tamanho de arquivo pequeno.

Sigmajs

Sigmajs é uma ferramenta de visualização de propósito único para criar gráficos de rede. É altamente personalizável, mas requer algum conhecimento básico de JavaScript para ser usado. Os gráficos criados são incorporáveis, interativos e responsivos.

Prós

• Altamente personalizável e extensível
• Gratuito e de código aberto
• Gráficos fáceis de incorporar em sites e aplicativos

Contras

• Cria apenas um tipo de visualização: gráficos de rede
• Requer conhecimento de JS para customizar e implementar

Exemplos

Resultado final

Devido ao seu foco único, Sigmajs é uma ótima opção para criar gráficos de rede, desde que o designer esteja familiarizado com JavaScript.

Polimapas

Polymaps é uma biblioteca JavaScript dedicada para mapeamento. As saídas são mapas dinâmicos e responsivos em uma variedade de estilos, desde sobreposições de imagens até mapas de símbolos e mapas de densidade. Ele usa SVG para criar as imagens, para que os designers possam usar CSS para personalizar os visuais de seus mapas.

Prós

• Gratuito e de código aberto
• Construído especificamente para mapeamento
• Fácil de incorporar mapas em sites e aplicativos

Contras

• Cria apenas um tipo de visualização
• Requer algum conhecimento de codificação para personalizar e implementar

Exemplos

Resultado final

Polymaps é uma boa opção se os mapas forem o único tipo de visualização necessário, desde que o designer esteja confortável com alguma codificação básica.

Conclusão

Há uma variedade tão grande de ferramentas de visualização disponíveis para designers que pode ser difícil decidir qual usar. Os designers de visualização de dados devem ter em mente coisas como facilidade de uso e se uma ferramenta possui os recursos necessários.

Selecionar a ferramenta mais poderosa disponível nem sempre é a melhor ideia: as curvas de aprendizado podem ser íngremes, exigindo mais recursos para começar a trabalhar, enquanto uma ferramenta mais simples pode criar exatamente o que é necessário em uma fração do tempo. Lembre-se, porém, que a ferramenta é apenas parte da equação na criação de uma visualização de dados; os designers também precisam considerar o que mais é necessário para fazer uma ótima visualização de dados.

A maioria das ferramentas de visualização de dados inclui avaliações gratuitas (se a ferramenta inteira não for gratuita), portanto, vale a pena experimentar algumas antes de decidir sobre uma única solução.

• • •

Leia mais no Blog Toptal Design:

1. Visualização de Dados – Melhores Práticas e Fundamentos
2. Inspire-se com essas visualizações de dados
3. Design do painel - Considerações e práticas recomendadas
4. Se você não está usando dados de UX, não é UX Design
5. Força em números - uma visão geral do design orientado a dados