4. Visualizar

Data visualization, data viz, datavis, info viz, information visualization, infographics, design da informação, visualização de dados, visualização da informação, infográficos


Programas completos

Tabelas

Cores

Timelines

Fotos

Redes, fluxos e relações

Apresentação

Nuvem de palavras

•••

Outras formas de visualização

Listas de ferramentas

Notas, Textos e Tutoriais

Programas completos


RAW

  • Plataforma: Online
  • “Faz a ponte entre os dados e softwares de desenho vetorial”
  • Gera gráficos rápidos a partir de tabelas coladas no site
  • Entrada: Copiar/Colar (CSV ou valores entre tabs)
  • Saída: Gráfico em SVG, PNG ou JSON
  • Visualizações complexas, com mais de duas variáveis (multivariate graphics)
  • Tipos de gráfico:
    • Bolhas (Bubble chart: circle packing, clustered force layout)
    • Fluxos (Alluvial Diagram, Cluster dendogram)
    • Dispersão (scatterplots)
    • Treemap

http://raw.densitydesign.org/

Google docs

  • Plataforma: Online
  • Criar planilha > inserir Gráfico
  • Tipos de gráfico:
    • Simples (Barras, pizzas, barras empilhadas)
    • Mapas de países
    • Treemap
  • Fácil de configurar
  • Publicação online e impressão pdf

http://drive.google.com

Tableau Public

  • Plataforma: Desktop (win/mac)
  • Licença: Grátis
  • Serve para:
    • infográficos interativos e dashboards com gráficos, mapas, tabelas, filtros
    • Tipos de gráfico: barras, linhas, bolhas, barras empilhadas, linhas empilhadas, pizza, barras de Gantt, tree-maps (bar, line, area, square, circle/bubble, pie and gantt bar charts)
  • Vantagens:
    • Rápido para trocar entre tipos diferentes de visualização
    • Bom para publicação e embed (depois de montado o dashboard, está pronto para publicar um interativo)
    • Ótimo pra investigar e visualizar dados a partir de tabelas grandes (uma mão na roda no jornalismo de dados)
  • Desvantagens:
    • Demora pra aprender
    • O interativo publicado ainda é meio engessado (tudo é clicável, oferece muitas opções ao usuário, tende parecer mais complicado do que simples)
    • Na versão do Tableau Public, não há como salvar localmente
    • Na versão do Tableau Public, todos os dados são salvos no servidor deles e ficam públicos

http://www.tableausoftware.com/public/

Dataseed

https://getdataseed.com/

Many eyes (extinto)

  • Plataforma: Online
  • Tipos de gráfico:
    • Treemaps
    • Conexões (network diagram)
    • Dispersão (Scatterplot)
    • Bolhas (Bubble chart)
    • Nuvem de tags (Word tag clouds)

http://www-958.ibm.com/software/data/cognos/manyeyes/

Gráficos


Datawrapper

  • Plataforma: Online
  • Licença: free
  • Criar gráficos pra internet
  • Embedável

http://datawrapper.de/

Chartbuilder

  • Plataforma: Online
  • Licença: free
  • Criar gráficos pra internet
  • Entrada: tabela colada
  • Saída: código html ou imagem

http://quartz.github.io/Chartbuilder/

Gapminder

  • Plataforma: Desktop (mac/win)
  • Licença: free
  • Criar gráficos animados (motion charting)
  • comparar países
  • scatter plots, bubble chart

http://www.gapminder.org/

World Bank DataVisualizer

  • Plataforma: Online
  • Licença: free
  • Visualizar gráficos animados
  • scatterplots ao longo do tempo (mesma lógica do gapminder, mas online)
  • comparar países
  • já possui banco de dados sobre os países

http://devdata.worldbank.org/DataVisualizer/

Tabelas


Mr. Data Converter (csv > html)

  • Plataforma: Online
  • Entrada: Copiar/Colar (de um CSV/TSV)
  • Saída: Código HTML da tabela
  • Opções de interpretação:
    • Delimitador (Comma/Tab)
    • Ponto decimal (Dot/Comma)
    • 1ª coluna de cabeçalho
  • Gera as tags thead e tbody

http://shancarter.github.io/mr-data-converter/

Html Tables Generator

  • Plataforma: Online
  • Entrada: CSV importado ou Copiar/Colar
  • Saída: Código html da tabela formatada
  • Opções de formatação: Cores, fontes, tamanhos, larguras, mesclar/dividir células, espaçamento interno (padding)
  • Desvantagens:
    • às vezes não interpreta certo o separador (confunde espaços/tabs)
    • não gera as tags thead e tbody

http://www.tablesgenerator.com/html_tables

Tableizer (tabela > html)

  • Plataforma: Online
  • Criar tabelas html
  • cola a tabela, sai código html

http://tableizer.journalistopia.com/

Gerador de dados para teste

  • Plataforma: Online
  • gerador de dados para testes
  • trata corretamente para cada formato
  • exporta os dados em: csv, xls, html, json, xml

http://www.generatedata.com/

DataTables

  • Plataforma: Online. Plugin Jquery
  • plugin javascript para formatar tabelas
  • funcionalidades: paginação, busca, ordenação, filtro

http://datatables.net/

Bootstrap – CSS pra Tabelas

  • Plataforma: Online. Framework
  • Esquema de modelos html/css prontos
  • bem completo

http://getbootstrap.com/css/#tables

Cores


ColorBrewer

Gerador de paletas de cores

  • sequenciais, divergentes ou qualitativas
  • de 3 a 12 tons
  • modo “colorblind safe”
  • Hexadecimal, RGB, CMYK
  • Exporta: CSS, Javascript, ASE (Adobe Swatch), paleta para Gimp e Inkscape

http://colorbrewer2.org/

I Want Hue

Gerador de paletas de cores

http://tools.medialab.sciences-po.fr/iwanthue/

Textos sobre o uso de cor em visualizações

(Reference on color in data visualizations)

Fotos


Editores online de fotos

Pixlr

https://pixlr.com/editor/

Fotor

http://www.fotor.com/app.html#!module/design/tool/Design

Timelines


Timeline JS

Linhas do tempo interativas

  • Plataforma: Online (gera código javascript para publicação)
  • Linhas do tempo (timelines) interativas e responsivas
  • Suporta: descrição, links, fotos (crédito, legenda)
  • Datas parecem ficar em inglês (apesar de ter opção de alterar)
  • Exemplos: Em largura inteira Em 650px
  • Lê dados a partir de uma tabela:

Tutorial rápido do Timeline JS

  1. Pegue o modelo (“Usar este modelo”)
  2. Edite a cópia da tabela que foi criada no seu Google Drive
  3. Torne a tabela pública (Arquivo > Publicar na web)
  4. Copie o link e clique em “Publicar”
  5. Jogue o link no gerador
  6. Copie o código de embed e insira no seu site

http://timeline.knightlab.com/

TimeMapper

Linhas do tempo interativas com mapas

  • Plataforma: Online (gera código javascript para publicação)
  • Linha do tempo (timelines) com mapas
  • Utiliza o TimelineJS
  • Baseado em Leaflet e OpenStreetMaps
  • Exemplos: Em largura inteira Em 650px
  • Lê dados a partir de uma tabela:

Tutorial rápido do TimeMapper

  1. Pegue o modelo,
  2. Faça uma cópia e edite no Google Docs
  3. Jogue o link no gerador
  4. Copie o código de embed e insira no seu site

http://timemapper.okfnlabs.org/

TimeFlow

  • Plataforma: Desktop, em Java (win/mac)
  • Serve pra: visualizar timelines e cronologias para investigação. É um software pra análise e documentação de séries longas de eventos.
  • Pensado para uso jornalístico.
  • Bom para visualizar durante o processo (não para publicar)

https://github.com/FlowingMedia/TimeFlow/wiki

Simile Timeline

  • Open source
  • Timeline interativa
  • Eventos clicáveis > aparece mouseover

http://www.simile-widgets.org/timeline/

MyHistro

  • Timelines com mapas
  • Usa Google Maps
  • Parece meio engessado
  • Boxes sobre o mapa + eventos clicáveis na linha do tempo

http://www.myhistro.com

Redes, fluxos e relações

networks, relationships, graphs, flows….

(node-link diagrams, NLD, network data and hierarchical data, hierarquias, grafos, estruturas em árvore, hierarchical visualization, tree structures)


Cytoscape

  • Plataforma: Desktop (mac/win/linux)
  • Licença: free/open source
  • visualizar redes
  • simples, fácil de usar e tem muitas opções
  • ótimo pra quem tentou o Gephi e não conseguiu nada
  • Tutorial rápido: https://youtu.be/4xTBOjVdHCE

http://cytoscape.org/

Gephi

  • Plataforma: Desktop (mac/win)
  • Licença: free
  • visualizar redes
  • Completo e complexo
  • Complexo demais pra seres comuns conseguirem usar (eu por exemplo, não consegui nada)

http://www.gephi.org

Comparação Gephi x Node XL

http://www.slideshare.net/joepeakin/gephi-vs-nodexl

Raw

  • Plataforma: Online
  • fluxos
  • circle pack diagrams
  • entrada: tabela, através de copiar e colar
  • saída: salva em svg, png, json

http://raw.densitydesign.org/

Node XL

  • Plataforma: Plugin para Excel (win)
  • Licença: free
  • visualizar redes (social network analysis)
  • Windows only

Tree Viz

Visualização de hierarquias, estruturas em árvore (hierarchical visualization, tree structures)

  • Plataforma: Desktop (mac/win)
  • roda em java, em um mini aplicativo simples e interativo
  • visualiza a estrutura de pastas no computador ou um arquivo xml
  • vários formatos de visualização de estruturas hierárquicas (tree structures): Hyperbolic Tree, Circular Treemap, Rectangular Treemap, Sunburst Tree, Icicle Tree, Sunray Tree, Iceray Tree
  • entrada: uma pasta escolhida no computador ou arquivo xml
  • saída: visualização interativa da rede. possível imprimir em pdf (o arquivo vetorial fica razoável)

http://www.randelshofer.ch/treeviz/index.html

Flocker

Realtime twitter monitor

  • Visualização de rede
  • Nuvem de tags
  • Usa Gephi e D3

http://flocker.outliers.es

VIS Visual investigative scenarios

  • Online (html5)
  • Free
  • Feita para jornalistas investigativos

http://vis.occrp.org

GED VIZ

  • Plataforma: Online
  • Licença: free
  • Visualize complex economic relations
  • Vários anos, vários países, vários indicadores
  • já possui os dados

http://viz.ged-project.de/

Overview

Ainda não testei

  • Conexões
  • Plot points
  • Documentos grandes

http://overview.ap.org/

Lista de ferramentas

Boa lista de ferramentas para visualização de dados em rede/hierárquicos

http://www.wikiviz.org/wiki/Tools#Tools_for_network_data_and_hierarchical_data

Apresentação


Closr.it

  • Plataforma: Online
  • Upload e embed
  • Zoom and pan images
  • Parece ser pago agora

http://www.closr.it/

Visualizing player

  • Plataforma: Online
  • Embed and display data visualizations
  • Zoom and pan

http://datavisualization.ch/tools/the-visualizing-player/

Nuvem de palavras


Devem ser usadas “com parcimônia”. Um bom uso é mostrar frequência de palavras usadas em um texto ou discurso, por exemplo. O tamanho da palavra é proporcional ao número de ocorrências

Wordle

  • Plataforma: Online
  • tecnologia: Java
  • Word clouds

http://www.wordle.net/

Tagxedo

  • Plataforma: Online
  • Tem mais opções
  • Exporta em JPG, PNG, Html e imprime (pdf)
  • tecnologia: Silverlight
  • Word clouds with styles
  • Nuvem de palavras com formas personalizadas

http://www.tagxedo.com/

Word Counter

  • Plataforma: Desktop (mac)
  • Licença: free
  • Serve pra:
    • contar palavras e caracteres em um texto,
    • ver frequência das palavras,
    • fazer ranking de palavras mais frequentes
  • Também mostra estatísticas mais avançadas de texto (palavras curtas, sílabas, palavras monossilábicas, índices de leiturabilidade)

http://www.supermagnus.com/mac/Word_Counter/index.html

Outras formas de visualização


Tree maps do HD

Visualizar conteúdo do hd na forma de tree-maps (hard-disk tree maps)

Disk Inventory X

  • Plataforma: Desktop (mac)
  • Licença: free
  • visualização dos arquivos e pastas em forma de tree map
  • Muito útil pra gerenciar o computador (saber o quê está ocupando espaço e quanto)

http://www.derlien.com/

Daisy Disk

  • Plataforma: Desktop (mac)
  • Licença: $10
  • visualização dos arquivos em sunburst chart (multilevel pie chart ou ring chart)

http://www.daisydiskapp.com/

Visualizar sites em rede

Issue crawler

  • Plataforma: Online
  • Licença: requer login
  • analisa URLs e visualiza a relação entre eles
  • entrada: lista de URLs
  • saída: mapa de redes, mostrando a relação entre os sites

http://www.mappingcontroversies.net/Home/PlatformIssueCrawler

Plataformas mais antigas

JavaScript InfoVis Toolkit

  • visualizações interativas em javascript

http://philogb.github.io/jit/

Flare (Prefuse visualization toolkit)

  • visualizações interativas em flash e actionscript

http://flare.prefuse.org/

http://prefuse.org/

Outras coisas

Telecharger

  • Plataforma: Desktop (win)
  • serve pra: visualizar árvores genealógicas familiares
  • visualização em um tipo de sunburst chart diferente

http://genopresse.com/telecharger/

Visualização de tweets:

Visualização de notícias

Listas de ferramentas


Jornalismo investigativo

Investigative journalism

Visualização (data viz)

Notas, Textos e Tutoriais


Dados

Jornalismo de dados

(data journalism, ddj)

Introdução à Infografia e visualização de dados

(Infographics & Data Viz basics)

Gráficos:

Sobre Infográficos e não-infográficos

Data Extraction