Loading…
Coda.Br 2019 has ended
IV Conferência de Jornalismo de Dados e Métodos Digitais
Sunday, November 24 • 11:00am - 12:30pm
Criando mapas temáticos interativos para a Web com dados abertos e D3.js

Sign up or log in to save this to your schedule and see who's attending!

Este workshop é uma introdução prática ao D3.js (versão 5) através da criação de um mapa temático para a Web usando dados abertos em formatos JSON, GeoJSON e CSV. O workshop será realizado em um laboratório equipado com computadores (você também pode trazer o seu, se desejar). Todo o código fonte e demonstrações funcionais podem ser acessadas online. Usaremos a biblioteca D3.js para carregar os arquivos de dados, inspecionar o conteúdo, filtrar dados e depois mapeá-los a estruturas do HTML e desenhar em SVG. Exploraremos também escalas, projeções, paletas de cores, texto, interatividade e outros recursos disponíveis na biblioteca D3.js.

Tópicos explorados
1. Instalando D3 em uma página Web
2. Obtendo, carregando, filtrando e explorando um arquivo GeoJSON
3. Mapeamento de dados com D3
4. Gerando figuras SVG com D3
5. Usando projeções geográficas
6. Criando um choropleth
7. Criando uma distribuição de pontos
8. Eventos e interatividade

Pré-requisitos
Os participantes deverão ter conhecimento básico das tecnologias Web HTML e CSS. Como D3.js é uma biblioteca JavaScript, os participantes devem também ter conhecimentos elementares dessa linguagem.

Ferramentas utilizadas
Adobe Brackets
https://github.com/d3/d3/releases/download/v5.12.0/d3.zip
https://d3js.org/d3-geo-projection.v2.min.js

Dados
https://github.com/argonavisbr/tutorial-geojson


Palestrantes
avatar for Helder da Rocha

Helder da Rocha

Consultor, Argo Navis
Helder é autor de livros, tutoriais e apostilas sobre programação, tecnologias Web, SVG, Arduino, IoT e visualização de dados. É mestre em informática pela UFCG. Publicou um dos primeiros livros sobre HTML em português pela IBPI (Rio de Janeiro) em 1996. Este ano publicou... Read More →


Sunday November 24, 2019 11:00am - 12:30pm
Lab C603 Rua Dr. Álvaro Alvim, 123 - Vila Mariana, São Paulo - SP, 04018-010, Brasil

Attendees (34)