Articles

Uma Visão Geral Completa das Melhores Ferramentas de Visualização de Dados

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

Criar visualizações de dados raramente é simples. Não é como se os designers pudessem simplesmente pegar num conjunto de dados com milhares de entradas e criar uma visualização a partir do zero. Claro, é possível, mas quem quer passar dezenas ou centenas de horas a traçar pontos num 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?

Ferramentas de visualização de dados fornecem aos designers de visualização de dados uma forma 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, a automatização do processo de criação de uma visualização, pelo menos em parte, torna o trabalho de um projectista significativamente mais fácil.

Estas visualizações de dados podem então ser utilizadas para uma variedade de fins: painéis, relatórios anuais, materiais de vendas e marketing, diapositivos de investidores, e praticamente em qualquer outro lugar a informação precisa de ser interpretada imediatamente.

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

As melhores ferramentas de visualização de dados do mercado têm algumas coisas em comum. A primeira é a sua facilidade de utilização. Há algumas aplicações incrivelmente complicadas disponíveis para a visualização de dados. Algumas têm excelente documentação e tutoriais e são concebidas de forma a serem intuitivas para o utilizador. Outras estão em falta nessas áreas, eliminando-as de qualquer lista de “melhores” ferramentas, independentemente das suas outras capacidades.

As melhores ferramentas também podem lidar com enormes conjuntos de dados. De facto, as melhores podem mesmo lidar com múltiplos conjuntos de dados numa única visualização.

As melhores ferramentas também podem produzir uma série de diferentes tipos de gráficos, gráficos, e mapas. A maioria das ferramentas abaixo pode produzir tanto imagens como gráficos interactivos. Existem, no entanto, excepções à variedade de critérios de saída. Algumas ferramentas de visualização de dados concentram-se num tipo específico de gráfico ou mapa e fazem-no muito bem. Essas ferramentas também têm um lugar entre as “melhores” ferramentas por aí.

Finalmente, há considerações de custo. Enquanto uma etiqueta de preço mais elevado não desqualifica necessariamente uma ferramenta, a etiqueta de preço mais elevado tem de ser justificada em termos de melhor suporte, melhores características, e melhor valor global.

Exemplo de visualização de dados
Esta visualização de dados mostra o índice de Protecção dos Direitos Humanos (de 1950 a 2014) e o índice de Violações dos Direitos Humanos (em 2014) para 50 países. (por Federica Fragapane)

Data Visualization Tools Comparison

Existem dezenas, se não centenas, de aplicações, ferramentas, e scripts disponíveis para criar visualizações de grandes conjuntos de dados. Muitas são muito básicas e têm muitas características sobrepostas.

Mas existem destaques que ou têm mais capacidade para os tipos de visualizações que podem criar ou são significativamente mais fáceis de utilizar do que as outras opções existentes.

Tableau (e Tableau Public)

Tableau tem uma variedade de opções disponíveis, incluindo uma aplicação de desktop, servidor e versões online hospedadas, e uma opção pública gratuita. Há centenas de opções de importação de dados disponíveis, desde ficheiros CSV a dados do Google Ads e Analytics a dados do Salesforce.

As opções de saída incluem múltiplos formatos de gráficos, bem como a capacidade de mapeamento. Isto significa que os designers podem criar mapas codificados por cores que mostram dados geograficamente importantes num formato que é muito mais fácil de digerir do que uma tabela ou gráfico poderia ser.

A versão pública de Tableau é gratuita para qualquer pessoa que procure uma forma poderosa de criar visualizações de dados que possam ser utilizadas numa variedade de configurações. Desde jornalistas a drogados políticos, passando por aqueles que apenas querem quantificar os dados das suas próprias vidas, há toneladas de utilizações potenciais para o Tableau Public. Eles têm uma extensa galeria de infografias e visualizações que foram criadas com a versão pública para servir de inspiração para aqueles que estão interessados em criar a sua própria.

Pros

  • Centenas de opções de importação de dados
  • Capacidade de mapeamento
  • Versão pública gratuita disponível
  • Lots de tutoriais em vídeo para o guiar através de como utilizar o Tableau

Cons

    li>Non-as versões gratuitas são caras ($70/mês/utilizador para o software Tableau Creator)li> Versão pública não permite manter as análises de dados privadas

Exemplos de visualização de dados

Ferramentas de visualização de dados podem ser usadas para todos os tipos de projectos
Uma visualização de dados de palavras únicas usadas por três personagens centrais na série de livros Game of Thrones.

>br>>>/p>>p>

Exemplos de visualização de dados: acidentes de alce no Maine
Visualização de dados pode tornar os dados de segurança pública mais fáceis de digerir.

>br>>>/p>>p>

Ferramentas de visualização de dados facilitam a criação de visualizações interactivas
Uma visualização interactiva dos actores de maior perda de dados de todos os tempos.

Bottom Line

Tableau é uma óptima opção para aqueles que precisam de criar mapas para além de outros tipos de gráficos. Tableau Public é também uma óptima opção para quem quer criar visualizações de face pública.

Infograma

Infograma é uma ferramenta de visualização de arrastar e largar que permite mesmo aos não-desenhadores criar visualizações eficazes de dados para relatórios de marketing, infográficos, posts nas redes sociais, mapas, painéis, e mais.

Visualizações acabadas podem ser exportadas para vários formatos: .PNG, .JPG, .GIF, .PDF, e .HTML. Também são possíveis visualizações interactivas, perfeitas para serem incorporadas em websites ou aplicações. O Infogram também oferece um plugin WordPress que torna a incorporação de visualizações ainda mais fácil para os utilizadores do WordPress.

Pros

  • Tiered pricing, incluindo um plano gratuito com características básicas
  • Inclui 35+ tipos de mapas e 550+ tipos de mapas
  • Drag and drop editor
  • API para importar fontes de dados adicionais

Cons

  • Significativamente menos construções-em fontes de dados que algumas outras aplicações

Exemplos

Métodos de visualização de dados
Visualizações podem facilitar a compreensão de tópicos complexos.

br>>>/p>>p>

Esquema de visualização de dados
Cartões tornam os dados mais fáceis de comparar, ano a ano.

br>>>/p>>p>

Técnicas de visualização de dados: mapeamento
Mapas são uma excelente forma de dar um instantâneo dos dados mundiais.

Bottom Line

Infograma é uma óptima opção tanto para não designers como para desenhadores. O editor drag-and-drop facilita a criação de desenhos de aspecto profissional sem muita habilidade de desenho visual.

Desenhadores UX freelance a tempo inteiro baseados nos EUA procurados

ChartBlocks

ChartBlocks afirma que os dados podem ser importados de “qualquer lugar” usando o seu API, incluindo de feeds ao vivo. Enquanto eles dizem que a importação de dados de qualquer fonte pode ser feita em “apenas alguns cliques”, é certo que é mais complexa do que outras aplicações que têm módulos automatizados ou extensões para fontes de dados específicas.

A aplicação permite a personalização extensiva da visualização final criada, e o assistente de construção de gráficos ajuda os utilizadores a escolher exactamente os dados certos para os seus gráficos antes de importar os dados.

Designers podem criar praticamente qualquer tipo de gráfico, e o resultado é responsivo – uma grande vantagem para designers de visualização de dados que queiram incorporar gráficos em websites que são susceptíveis de ser visualizados numa variedade de dispositivos.

Pros

  • Estão disponíveis planos pagos gratuitos e a preços razoáveis
  • Fácil utilizar o assistente para importar os dados necessários

Cons

  • Não se sabe o quão robusto é o seu API
  • Não parece ter nenhum capacidade de mapeamento

Exemplos

Ferramentas de visualização de informação facilitam a criação de gráficos
Gráficos empilhados são uma forma eficaz de comparar e contrastar dados.

>br>>

p>

Fundamentals de visualização de dados: Os gráficos simples podem ser os mais eficazes
Scatter plots são uma forma simples de representar as tendências dos dados.

br>>>/p>>p>

Melhores práticas de visualização de dados: gráficos de linhas
Gráficos de linhas são eficazes para mostrar tendências e comparações.

Bottom Line

ChartBlocks tem um excelente plano livre, o que é uma grande vantagem. A facilidade de utilização para a criação de gráficos e cartas básicas é também notável.

Datawrapper

Datawrapper foi criado especificamente para adicionar gráficos e mapas às notícias. Os gráficos e mapas criados são interactivos e feitos para serem incorporados em sites de notícias. No entanto, as suas fontes de dados são limitadas, sendo o método principal a cópia e colagem de dados na ferramenta.

Dados once são importados, os gráficos podem ser criados com um único clique. Os seus tipos de visualização incluem gráficos de coluna, linha, e barra, donuts de eleição, gráficos de área, gráficos de dispersão, mapas de coropleta e símbolo, e mapas de localização, entre outros. As visualizações acabadas fazem lembrar as visualizações vistas em sites como o New York Times ou o Boston Globe. De facto, os seus gráficos são utilizados por publicações como Mother Jones, Fortune, e The Times.

O plano gratuito é perfeito para a incorporação de gráficos em sítios mais pequenos com tráfego limitado, mas os planos pagos estão no lado caro, começando em $39/mês.

Pros

  • Especificamente concebido para visualização de dados de redacção
  • Plano gratuito é um bom ajuste para sítios mais pequenos
  • Ferramenta inclui uma construção…in color blindness checker

Cons

  • Fontes de dados limitadas
  • Li>Planos pagos estão no lado caro

Exemplo

Bom visualização de dados: incluir múltiplas representações de dados
Scatter plots podem mostrar uma multiplicidade de dados, especialmente quando codificados por cores para mostrar mais pontos.

Bottom Line

Datawrapper é uma excelente escolha para visualizações de dados para sites de notícias. Apesar da etiqueta de preço, as características que o Datawrapper inclui para visualização específica de notícias fazem com que valha a pena.

D3.js

D3.js é uma biblioteca JavaScript para manipulação de documentos usando dados. D3.js requer pelo menos algum conhecimento JS, embora existam por aí aplicações que permitem aos utilizadores não programadores utilizar a biblioteca.

Estas aplicações incluem NVD3, que oferece gráficos reutilizáveis para D3.js; Plotly’s Chart Studio, que também permite aos designers criar WebGL e outros gráficos; e Ember Charts, que também utiliza a estrutura Ember.js.

Pros

  • Muito poderoso e personalizável
  • Número enorme de tipos de gráficos possíveis
  • Foco nos padrões web
  • Ferramentas disponíveis para permitir a nãoprogramadores criam visualizações
  • Free and open source

Cons

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

Exemplos

Exemplos de visualização de dados: diagrama de acordes
Diagramas de acordes mostram relações entre grupos de entradas.

br>>

p>

Exemplos de visualização de dados: Choropleth maps
Showing geographic data is best done with data maps.

br>>>/p>>p>

Exemplos de visualização de dados: mapas voronoi
Mapas voronoi são uma forma interessante de mostrar dados geográficos.

Bottom Line

D3.js só é adequado para aqueles designers que ou têm acesso a um programador para ajuda ou têm eles próprios conhecimentos de programação.

Google Charts

Google Charts é uma ferramenta poderosa e gratuita de visualização de dados que é especificamente para a criação de gráficos interactivos para incorporação online. Funciona com dados dinâmicos e as saídas são baseadas puramente em HTML5 e SVG, pelo que funcionam em navegadores sem a utilização de plugins adicionais. As fontes de dados incluem folhas de cálculo Google, tabelas Google Fusion, Salesforce, e outras bases de dados SQL.

Existem vários 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 tartes, mapas de árvores, linhas de tempo, medidores, e muitos outros. Estes gráficos podem ser completamente personalizados, através de uma simples edição CSS.

Pros

  • Livre
  • Vários formatos de gráficos disponíveis
  • Compatível com HTML5/SVG
  • Trabalha com dados dinâmicos

Cons

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

Exemplos

Ferramentas de visualização de dados: Google Charts
Gráficos de componentes mostram tendências e comparações.

br>>>/p>>p>

Métodos de visualização de dados: geocharts
GeoCharts são apenas um método de visualização de dados com Google Charts.

br>>>/p>>p>

Melhores práticas de visualização de dados: anotações
Anottações tornam os gráficos e gráficos mais fáceis de compreender.

Bottom Line

Google Charts é uma óptima opção se um designer estiver um pouco à vontade com a codificação e quiser uma solução poderosa e gratuita. Ser capaz de utilizar qualquer base de dados SQL como fonte de dados torna-a também uma boa opção para grandes conjuntos de dados.

FusionCharts

FusionCharts é outra opção baseada em JavaScript para a criação de painéis de bordo para web e móveis. Inclui mais de 150 tipos de mapas e 1.000 tipos de mapas. Pode integrar-se com frameworks 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).

FusionCharts dá código pronto a usar para todas as variações de gráficos e mapas, tornando mais fácil a incorporação em websites mesmo para os designers com conhecimentos limitados de programação. Uma vez que o FusionCharts se destina à criação de painéis de bordo em vez de simples visualizações de dados, é uma das opções mais caras incluídas neste artigo. Mas é também uma das mais poderosas.

Pros

  • Muito número de opções de formato de gráficos e mapas
  • Mais características que a maioria das outras ferramentas de visualização
  • Integrados com uma série de diferentes estruturas e linguagens de programação

Cons

  • Despendioso (começa em quase $500 por um licença de desenvolvimento)
  • Overkill para visualizações simples fora de um ambiente de dashboard

Exemplos

Dashboard de visualização de dados
FusionCharts foi concebido para a criação de painéis de visualização de dados.

>br>>>/p>>p>

Dashboards são uma forma fácil de mostrar múltiplas visualizações de dados lado a lado
Dashboards podem mostrar numerosas visualizações de dados lado a lado.

br>>>/p>>p>

Dashboards de visualização de dados são excelentes para utilizações de operações comerciais
A gestão de operações comerciais é melhor feita com dashboards de visualização de dados.

Bottom Line

Para criar dashboards, nada mais neste artigo se compara realmente ao FusionCharts. Se é esse o projecto 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, fornece uma boa variedade de tipos de gráficos (oito no total), e permite animação e interacção.

Chart.js usa HTML5 Canvas para a saída, por isso, torna os gráficos bem distribuídos por todos os browsers modernos. Os gráficos criados são também reactivos, por isso é óptimo para criar visualizações que são móveis.

Pros

  • Free and open source
  • Responsive and cross-saída compatível com o browser

Cons

  • Muitos tipos de gráficos limitados em comparação com outras ferramentas
  • Suporte limitado fora da documentação oficial

Exemplos

Técnicas de visualização de dados: gráficos de bolhas interactivos
Gráficos de bolhas podem mostrar numerosos pontos de dados em simultâneo.

>br>>

p>

Técnicas de visualização de dados: gráficos de linhas multi-eixos
Multi-axis line charts são melhores quando são anotados (este usa pontas de ferramentas ao pairar sobre os pontos das linhas).

br>>>/p>>p>

Métodos de visualização de dados: gráficos de linhas de áreas empilhadas
Gráficos de linhas de áreas empilhadas são visualmente impressionantes.

Bottom Line

Chart.js é uma boa opção para designers que precisam de uma opção de visualização simples, personalizável e interactiva. Os 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 utilizadores criar painéis de instrumentos dinâmicos e outras visualizações. Suporta fontes de dados mistas, anotações, e funções de alerta personalizáveis, e pode ser alargado através de centenas de plugins disponíveis. Isto torna-o uma das mais poderosas ferramentas de visualização disponíveis.

As funções de exportação permitem aos designers partilhar instantâneos de painéis de instrumentos, bem como convidar outros utilizadores a colaborar. Grafana suporta mais de 50 fontes de dados através de plugins. É gratuito para descarregar, ou há uma versão hospedada na nuvem por $49/mês. (Há também uma versão alojada gratuita muito limitada.) A versão descarregável também tem planos de suporte disponíveis, algo que muitas outras ferramentas de código aberto não oferecem.

Pros

  • Fonte aberto, com opções gratuitas e pagas disponíveis
  • Li>Selecção ampla de fontes de dados disponíveis

  • Variedade de tipos de gráficos disponíveis
  • Li>Faz a criação de painéis de instrumentos dinâmicos simples

  • Pode trabalhar com alimentação mista de dados

Cons

  • Overkill para criar visualizações simples
  • Não oferece tantas opções de personalização visual como algumas outras ferramentas
  • Não é a melhor opção para criar imagens de visualização
  • Não é capaz de incorporar painéis de instrumentos em websites, embora possível para painéis individuais

Exemplos

Dashboard de visualização de dados
Grafana é uma poderosa ferramenta de visualização de dados.

br>>

p>

Dashboard de visualização de dados

p>

Dashboard de visualização de dados

Bottom Line

Grafana é uma das melhores opções para a criação de 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 simples de resposta que são altamente personalizáveis e compatíveis com cross-browser. Toda a biblioteca JavaScript é de apenas 10KB quando GZIPped. Os gráficos criados com Chartist.js também podem ser animados, e os plugins permitem a sua extensão.

Pros

  • Free and open source
  • Tiny file size
  • Charts can be animated

Cons

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

Exemplos

Fundamentos de visualização de dados: Complexo é
Chartist.js oferece uma série de tipos de gráficos básicos.

Bottom Line

Chartist.js é uma boa opção para desenhadores que desejam gráficos simples, embebíveis e reactivos com um pequeno tamanho de ficheiro.

Sigmajs

Sigmajs é uma ferramenta de visualização com um único objectivo para a criação de gráficos de rede. É altamente personalizável, mas requer algum conhecimento básico de JavaScript para poder ser utilizado. Os gráficos criados são incorporáveis, interactivos, e reactivos.

Pros

  • Altamente personalizável e extensível
  • Free e open source
  • Fácil de incorporar gráficos em websites e aplicações

Cons

  • Apenas cria um tipo de visualização: gráficos de rede
  • Requer conhecimento JS para personalizar e implementar

Exemplos

Métodos de visualização de dados: diagrama de rede
Sigmajs cria exclusivamente gráficos de rede.

Bottom Line

Por causa do seu único foco, Sigmajs é uma óptima opção para criar gráficos de rede desde que o desenhador se sinta confortável com JavaScript.

Polymaps

Polymaps é uma biblioteca JavaScript dedicada ao mapeamento. As saídas são mapas dinâmicos e reactivos numa variedade de estilos, desde sobreposições de imagens a mapas de símbolos, passando por mapas de densidade. Utiliza SVG para criar as imagens, para que os designers possam utilizar CSS para personalizar os visuais dos seus mapas.

Pros

  • Free and open source
  • Built especificamente para cartografia
  • Easy to embed maps in websites and apps

Cons

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

Exemplos

Bom visualização de dados
Neste caso, os dados representados são um conjunto de fotografias do Observatório da Terra da NASA.

>br>>

p>

Ferramentas de visualização de informação: Polymaps
Uma representação de fotos georeferenciadas Flickr.

Bottom Line

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

Conclusão

Existe uma variedade tão grande de ferramentas de visualização à disposição dos desenhadores que pode ser difícil decidir qual utilizar. Os designers de visualização de dados devem ter em mente coisas como facilidade de utilização e se uma ferramenta tem as características de que necessitam.

Seleccionar a ferramenta mais poderosa disponível nem sempre é a melhor ideia: As curvas de aprendizagem podem ser íngremes, requerendo mais recursos para se pôr a funcionar, enquanto uma ferramenta mais simples pode ser capaz de criar exactamente o que é necessário numa fracçã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 de considerar o que mais se pode fazer para fazer uma grande visualização de dados.

As ferramentas de visualização de dados incluem testes gratuitos (se a ferramenta inteira não for gratuita), por isso vale a pena tirar algum tempo para experimentar alguns antes de decidir sobre uma única solução.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *