Sempre apreciei a capacidade que alguns indivíduos de saber trabalhar com dados e apresentá-los de forma simples porém útil.
Decidi aprender D3.js, uma biblioteca JavaScript conhecida e amplamente utilizada. Durante os estudos decidi me expor ao máximo de visualizações possíveis feitos usando tal biblioteca para expandir meu conhecimento do que é possível ser feito.
Encontrei um gráfico do New York Times que achei interessante pela forma em que as informações são apresentadas. Devido ao formato ser interessante e os dados serem sore investimento decidi compartilhar aqui.
The Facebook Offering: How It Compares - NYTimes.comMeu foco é discutir os detalhes dessa visualização e não o IPO. O objetivo da visualização é mostrar ao leitor a grandeza do valor de mercado do Facebook em seu IPO.
Reparem como isso é feito:
Primeiro gráfico - escala do eixo y de 0 à 25 em incrementos de 5
- texto simples explicando o contexto do IPO de empresas de tecnologia
- algumas círculos do gráfico são identificados (Apple, Microsoft, Google) por essas empresas serem conhecidas pelo público e facilmente nos dando um ponto de ancoragem para conseguir compara-las com o Facebook
- área dos círculos é proporcional ao valor de mercado
Segundo gráfico
- texto comparando com o segundo maior valor até então para ressaltar ainda mais o tamanho do IPO do Facebook
- o texto muda imediatamente, mas a animação dos círculos e escala tem um atraso até começar
- escala no eixo y muda com uma animação muito leve
Terceiro, quarto e quinto gráfico- variações do que já foi feito nos dois primeiros gráficos
- no quinto é exibido uma legenda sútil embaixo do gráfico com mais algumas informações relevantes aos dados
