Hands-On Visualização de Dados com D3.js

24h

Descrição

A visualização de dados é uma técnica fundamental na ciência de dados e no jornalismo. A biblioteca D3.js é talvez a mais popular e completa biblioteca gráfica JavaScript para visualização de dados. Este curso prático explora mostra como obter, limpar e manipular dados para construir belos gráficos interativos que podem ser incorporados em aplicações e páginas Web. Em cada seção, um recurso da linguagem é apresentado e um diferente tipo de gráfico é criado, com dados simples e complexos, em formatos como CSV, XML e JSON, obtidos de repositórios públicos.

O curso cobre D3.js versão 5.

Ao final do curso o aluno deverá ser capaz de:

  • Identificar casos de uso para diferentes tipos de visualizações
  • Tratar dados para que eles sejam mais facilmente usados em programação
  • Processar formatos populares de repositórios públicos (CSV, JSON e XML)
  • Criar um gráfico simples usando D3.js
  • Manipular arrays e estruturas de dados com a API do D3.js
  • Carregar módulos para diferentes finalidades
  • Entender o mecanismo de seleção e data binding do D3 (enter/exit/update)
  • Configurar escalas e eixos para gráficos
  • Utilizar paletas de cores e associá-las escalas
  • Configurar transições, interatividade, drag/drop, zoom e brushes em gráficos
  • Criar mapas com projeções geográficas usando dados de sistemas de informação geográficas
  • Criar gráficos de barra, linha, scatterplots, torta, redes, heatmaps, chords, histogramas e choropleths

Este curso é destinado a programadores JavaScript.

Programa

  1. Introdução à Visualização de Dados
  2. Criação de visualizações sem programar
  3. Tecnologias essenciais: Canvas e SVG
  4. Trabalhando com formatos de dados: CSV, XML e JSON
  5. Introdução prática a D3.js
  6. Modulos
  7. Dados e arrays
  8. Seleções
  9. Data binding: enter/exit/merge/update
  10. Escalas e eixos
  11. Cores
  12. Transições
  13. Layouts
  14. Interações, comportamentos e eventos
  15. Geometria
  16. Geomapas