Tutorials - jeanbauer/d3 GitHub Wiki
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 D3Mike Dewar, O'Reilly Media, junho de 2012
- Visualização interativa de dados para a WebScott Murray, O'Reilly Media, novembro de 2012
- Visualização de dados com D3Swizec Teller, Packt Publishing, outubro de 2013
- Visualização de dados com D3 CookbookNick 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 D3Ritchie King, Addison-Wesley, 2014
- D3 no AngularJSAri 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 dadosAmelia Wattenberger, maio de 2019
Cursos
- D3 4.x: Mastering Data Visualization Nick Zhu & Matt Dionis, Packt. abril de 2017
- Visualização de dados e D3Jonathan 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 D3Curran 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 d3JavaScript User Group Munich, March 2012
- Using Selections in D3 to Make Data-Driven VisualizationsIan Johnson.
- Visual.ly Meetup Recap: Introductory D3 WorkshopAleksandra Todorova, Visual.ly February 16 2011.
- First steps in data visualisation using D3Mike Dewar, New York Open Statistical Programming Meetup January 12 2012
- An introduction to D3 video with synced visualisationPhilip Roberts at TechMeetup Edinburgh, November 2012
- Slides and live code from the GAFFTA d3 intro workshop Ian Johnson 2012
- Design process of The Electoral MapShan Carter, Big Data Think Tank December 2012
- D3 - Data Visualisation in the BrowserPeter Cook, Async Brighton, January 2013
- An Intro to D3 - Data-Driven DelightAnna Powell-Smith, Front-End London, January 2013
- Building apps with D3Nathan 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 dashboardSam Selikoff, Boston Ember Meetup, August 2013
- D3 LayoutsPeter Cook, Async Brighton, January 2015
- Building Interactive Data VisualizationsJonathan 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 DocumentsMichael Bostock, Vadim Ogievetsky, Jeffrey HeerIEEE Trans. Visualization & Comp. Graphics (Proc. InfoVis), 2011