JP Tutorials - VividD/d3 GitHub Wiki
Wiki ▸ Tutorials
あなたの作品へご自由にリンクを張ってください！
紹介とコアコンセプト
- Introduction
- Three Little Circles
- Thinking with Joins
- General Update Pattern, Parts I, II & III
- Nested Selections
- Object Constancy
- A Bar Chart, Part 1
- A Bar Chart, Part 2
- D3 Tutorials - Scott Murray
- Try D3 Now - Christophe Viau
- D3 for Mere Mortals - Luke Francl
- Introduction to D3 - Justin Palmer
- D3.js experiments in the console - Sarah Allen
- Creating Basic Charts using d3.js - Ben Lorica
- Get dirty with data using d3.js - Clinton Montague
- For Protovis Users
- Manipulating data like a boss with d3 - Jerome Cukier
- Creating Animations and Transitions With D3 - Jerome Cukier
- Introduction to D3 and more tutorials - Andrew Davis
- d3 O'Clock: Building a Virtual Analog Clock with d3.js (Part I) - Eric S. Bullington
- How to Make an Interactive Network Visualization - Jim Vallandingham
- Learn how to make Data Visualizations with D3.js - Dashingd3js
- Introduction to d3.js and data-driven visualizations - Kenny Peng
- http://nowherenearithaca.blogspot.com/2012/06/annotating-d3-example-with-docco.html - Brad Flyon
- D3, Conceptually - Mikey Levine
- D3.js Tips and Tricks and pdf version - D3noob
Specific Techniques
- Path and Transform Transitions
- Let’s Make a Map
- Towards Reusable Charts
- Using Inkscape with d3 - Christophe Viau
- Pie Chart Updating with Text - Stephen Boak
- How to Make Choropleth Maps in D3 - EJ Fox
- Converting dynamic SVG to PNG with node.js, d3 and Imagemagick - Wealthfront
- Creating Animated Bubble Charts in D3 - Jim Vallandingham
- Multiple area charts with d3.js
- Creating a Polar Area Diagram
- Building a lightweight, flexible d3.js dashboard (3-part series) - Eric Seufert
Database Integration
- Integrating D3 with a CouchDB database 1 - Reinhard Engel
- Integrating D3 with a CouchDB database 2 - Reinhard Engel
- Integrating D3 with a CouchDB database 3 - Reinhard Engel
- Integrating D3 with a CouchDB database 4 - Simon Metson
Blogs
Talks and Videos
- Visualizing Data with Web Standards (Slides) W3Conf, November 2011.
- 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
- Simple D3.js Bar Chart WebcastIan Johnson.
- 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 d3.jsMike Dewar, New York Open Statistical Programming Meetup January 12 2012
- Data Visualization Using D3.jsJim McCusker, TWed talk February 2012
- An introduction to d3.js video with synced visualisationPhilip Roberts at TechMeetup Edinburgh, November 2012
- Slides and live code from the GAFFTA d3 intro workshop Ian Johnson 2012
- Data Visualization with D3.js, slides and videoBen Clinkinbeard, NCDevCon 2012
- Design process of The Electoral MapShan Carter, Big Data Think Tank December 2012
- D3.js - Data Visualisation in the BrowserPeter Cook, Async Brighton, January 2013
- An Intro to D3.js - Data-Driven DelightAnna Powell-Smith, Front-End London, January 2013
Meetups
- Bay Area d3 User Group
- NYC D3.js
- [London d3.js User Group] (http://lanyrd.com/series/london-d3-js/)
- Boston d3.js User Group
Publications
- D3: Data-Driven DocumentsMichael Bostock, Vadim Ogievetsky, Jeffrey HeerIEEE Trans. Visualization & Comp. Graphics (Proc. InfoVis), 2011
- Getting Started with D3Mike Dewar, O'Reilly Media, June 2012
- Interactive Data Visualization for the WebScott Murray, O'Reilly Media, November 2012