Tutorials

Wiki ▸ Tutoriais

---

Consulte o novo tutorial D3 no Observable.

Muitos tutoriais abaixo usam versões mais antigas do D3. Estamos limpando esta seção do wiki e escrevendo novos tutoriais. Obrigado pela sua paciência!

---

Os tutoriais podem não estar atualizados com a última versão 4.0 do D3; considere lê-los juntamente com as últimas notas de lançamento, o resumo 4.0 e as alterações 4.0.

Apresentações e Conceitos Fundamentais

• Introdução
• Vamos fazer um gráfico de barras
• Três Pequenos Círculos
• Pensando com Joins
• Como funcionam as seleções
• Como as seleções funcionam (coreano)
• Padrão de Atualização Geral, Partes I, II e III
• Seleções aninhadas
• Constância de objeto
• Trabalhando com Transições
• Tutoriais D3 - Scott Murray
• Tutorial em vídeo de gráfico de barras simples
• D3 Interactive Bar Chart Tutorial - Kevin Kononenko
• Criar um gráfico de barras com D3 JavaScript - Vegibit
• Experimente D3 agora - Christophe Viau
• Introdução aos gráficos D3 - Patrick Mulder
• D3 for Mere Mortals - Luke Francl
• D3, Conceitualmente - Mikey Levine
• Introdução ao D3 - Justin Palmer
• Uma pequena introdução ao D3 com o Moon Phase Visualizer - palerdot
• Criando gráficos básicos usando D3 - Ben Lorica
• Fique sujo com dados usando D3 - Clinton Montague
• Para usuários do Protovis
• Criando animações e transições com D3 - Jerome Cukier
• Introdução ao D3 e mais tutoriais - André Davis
• d3 O'Clock: Construindo um Relógio Analógico Virtual com D3 (Parte I) - Eric S. Bullington
• Como fazer uma visualização de rede interativa - Jim Vallandingham
• Aprenda a fazer visualizações de dados com D3 - Dashingd3js
• Introdução ao D3 e visualizações baseadas em dados - Kenny Peng
• http://nowherenearithaca.blogspot.com/2012/06/annotating-d3-example-with-docco.html - Brad Flyon
• D3 Tips and Tricks Blog e versão do livro em pdf e leia o texto completo online - D3noob
• Introdução ao D3 Geo - Graham Jenson
• Primeira olhada no D3 (curso codecademy) - Jiecheng
• Criando gráficos interativos com D3 - Anthony Ilukwe
• Entendendo as seleções - Peter Cook
• Visualize com D3 - Pance Cavkovski
• Desenhando uma relação muitos-para-muitos com um exemplo simples de blog-post-tag - Vijay Chakravarthy
• Introdução ao D3, com aplicações para big data - Sam Selikoff
• Tabelas dinâmicas D3 com dados aninhados - Lee Mendelowitz
• Introdução ao D3 - Eyal Arubas
• Visualizando dados com D3 - Tutoriais para Curso de visualização de dados na Universidade de Washington (compilado por Kanit "Ham" Wongsuphasawat)
• On D3 Components por Pedram Emrouznejad
• Notas sobre meu fluxo de trabalho de desenvolvimento de visualizações D3 por Patrick Altman
• Introdução ao D3 (chinês tradicional) por infographics.tw
• Aprenda D3 do zero(italiano) by Carlo
• Jogando com React & D3 por Freddy Rangel
• Construindo um gráfico com D3 e TypeScript por Hugues Stefanski
• From Zero to D3 por Simon Raper
• Vamos aprender D3 por Andrew Lin
• Moreal D3 Wiki por Crypteia Networks
• 10 D3 Must Knows por Peter Cook
• Vamos fazer uma grade - Aplicando junções de dados, seleções e eventos de clique por Chuck Grimmett
• Uma leve introdução ao D3: como construir um gráfico de bolhas reutilizável de Déborah Mesquita
• Sunburst em detalhes (v4), Parte 1, Parte 2 por David Richards
• Tutorial D3 por Samuel Gratzl

Técnicas Específicas

• Caminho e transições de transformação
• Vamos fazer um mapa
• Rumo a gráficos reutilizáveis
• Usando o Inkscape com d3 - Christophe Viau
• Como fazer mapas coropléticos em D3 - EJ Fox
• Convertendo SVG dinâmico para PNG com node.js, d3 e Imagemagick - Wealthfront
• Criando gráficos de bolhas animados em D3 - Jim Vallandingham
• Gráficos de área múltipla com D3
• Construindo um painel D3 leve e flexível (série de 3 partes) - Eric Seufert
• Integrando D3 com um banco de dados CouchDB - Reinhard Engel e Simon Metson
• Uma explicação interativa de quadtrees - Jim Kang
• Um A a Z de recursos extras para o layout de força d3 - Simon Raper See More
• Transmita dados para criar gráficos D3 atualizados em tempo real - Ian Jennings
• Gráfico de uso de memória em tempo real usando D3 e Rickshaw - Ian Jennings
• D3 em Nodejs, para dataviz estático
• Uma introdução à visualização de dados de captura de movimento com D3 - Omid Alemi
• Dando vida aos arquivos SVG com D3

D3 v4

• Vamos fazer um (D3) Plugin
• Visualizações reativas com D3 v4
• Um plugin D3 simples
• Notas do Unconf 2015
• D3 in Depth (covers v4)
• Gráficos direcionados à força com D3 v4
• Exemplos D3, ES6 e React
• Entendendo o Zoom com D3 v4
• Criando um gráfico com D3 (v4) e TypeScript

Blogs

• Mike Bostock
• Jim Vallandingham
• Bharat Bhole
• Peter Cook
• PubNub
• infographics.tw
• neposlab.com (italiano)
• Aprendizagem D3(chinês)

Livros

• Introdução ao D3
  Mike Dewar, O'Reilly Media, junho de 2012
• Visualização interativa de dados para a Web
  Scott Murray, O'Reilly Media, novembro de 2012
• Visualização de dados com D3
  Swizec Teller, Packt Publishing, outubro de 2013
• Visualização de dados com D3 Cookbook
  Nick Qi Zhu, Packt Publishing, outubro de 2013
• D3 em ação, 1ª edição (D3v3)
  Elijah Meeks, Manning Publications, 2014
• D3 em ação, 2ª edição (D3v4)
  Elijah Meeks, Manning Publications, 2017
• Learning D3 Mapping
  Thomas Newton, Oscar Villarreal, Packt Publishing, 2014
• Visual Storytelling com D3
  Ritchie King, Addison-Wesley, 2014
• D3 no AngularJS
  Ari Lerner + Victor Powell, Leanpub, 2014
• Visualização de dados com D3 Cookbook
• JingTong D3 (chinês)
  Zhihua Lv, 2015
• D3 em Profundidade
• Learning D3 Data Visualization - Second Edition
  Ændrew Rininsland, Swizec Teller, Packt, abril de 2016
• Data Visualization with D3 4.x Cookbook - Second Edition
  Nick Zhu, Packt , fevereiro de 2017
• D3 4.x Data Visualization - Third Edition
  Ændrew Rininsland & Swizec Teller, Packt, abril de 2017
• Expert Data Visualization
  Jos Dirksen, Packt, abril de 2017
• Fullstack D3 e visualização de dados
  Amelia Wattenberger, maio de 2019

Cursos

• D3 4.x: Mastering Data Visualization
  Nick Zhu & Matt Dionis, Packt. abril de 2017
• Visualização de dados e D3
  Jonathan Dinu + Ryan Orban, Udacity, 2014

Palestras e Vídeos

• SVG and Interactive Visualization in D3 (Video)
  Nick Zhu, Packt, June 2017
• Introduction to D3 (Video)
  Nick Zhu, Packt, April 2017
• Mapping and Styling in D3 (Video)
  Nick Zhu, Packt, April 2017
• Building Data Visualizations with D3 and Angular 2 (Video)
  Matt Dionis, Packt, January 2017
• Build Interactive JavaScript Charts with D3 v4
  Ben Clinkinbeard, November 2016
• Introduction to D3
  Curran Kelleher, Bay Area D3 Meetup, April 2015
• Free tagtree screencast - thinking with joins
  August 2014
• For Example (Write-up)
  Eyeo Festival, June 2013.
• SVG Open Keynote (Slides)
  Microsoft Research, October 2011.
• Use the Force! (Slides)
  Trulia, September 2011.
• D3 workshop (Slides)
  VIZBI, March 2012.
• Intro to d3
  JavaScript User Group Munich, March 2012
• Using Selections in D3 to Make Data-Driven Visualizations
  Ian Johnson.
• Visual.ly Meetup Recap: Introductory D3 Workshop
  Aleksandra Todorova, Visual.ly February 16 2011.
• First steps in data visualisation using D3
  Mike Dewar, New York Open Statistical Programming Meetup January 12 2012
• An introduction to D3 video with synced visualisation
  Philip Roberts at TechMeetup Edinburgh, November 2012
• Slides and live code from the GAFFTA d3 intro workshop
  Ian Johnson 2012
• Design process of The Electoral Map
  Shan Carter, Big Data Think Tank December 2012
• D3 - Data Visualisation in the Browser
  Peter Cook, Async Brighton, January 2013
• An Intro to D3 - Data-Driven Delight
  Anna Powell-Smith, Front-End London, January 2013
• Building apps with D3
  Nathan Vander Wilt, CascadiaJS, November 2013
• Data visualization for the web with D3 (English slides)
  Visualisation de données pour le web avec D3 (French video) (French slides)
  Pablo Tamarit, Soft-Shake conference, October 2013
• Ember and D3: Building a simple dashboard
  Sam Selikoff, Boston Ember Meetup, August 2013
• D3 Layouts
  Peter Cook, Async Brighton, January 2015
• Building Interactive Data Visualizations
  Jonathan Dinu, Strata San Jose, February 2015

Encontros

• Grupo de usuários da Bay Area d3
• NYC D3
• Grupo de usuários do Boston D3
• Grupo de Visualização de Berlim
• Grupo de Usuários Belo Horizonte D3
• Boulder/Denver D3 e visualização de dados
• Auckland D3
• Grupo de usuários Bangalore D3
• Boulder-Denver D3 e visualização de dados
• Taipei D3 Meetup
• Grupo de Visualização de Dados de Munique

Artigos de pesquisa

• D3: Data-Driven Documents
  Michael Bostock, Vadim Ogievetsky, Jeffrey Heer
  IEEE Trans. Visualization & Comp. Graphics (Proc. InfoVis), 2011