Presentation is loading. Please wait.

Presentation is loading. Please wait.

An Introduction to D3.js By Robert Dillon.

Similar presentations


Presentation on theme: "An Introduction to D3.js By Robert Dillon."— Presentation transcript:

1 An Introduction to D3.js By Robert Dillon

2 Outline What is D3? Why would you use it?
What do you need to know to use it? What are some ways to use it? What have we learned?

3 What is D3? Data Driven Documents
Mike Bostock + Stanford University Men Html CSS Javascript Javascript…libraries (Jquery, MooTools, D3) The most updated browser versions are usually needed.

4 Why would you use it? Displays data (Budgets, Statistics, etc.)
Free to use (vs. Tableau, Many Eyes, Adobe, etc.) Static/Interactive (Click events, transitions, animations) Steep learning curve—large payoff

5 What do you need to know? HTML CSS Some knowledge of Javascript
Jquery is a bonus

6 Ways to use it? Groupings Budget displays Hierarchy
Treemaps, Pie Charts, Bubble Packs

7 Other Sources D3js.org Mike Bostock and Github
D3-Vienno Stackoverflow.com

8 What have we learned? Background information on D3
How to make three different charts using D3.js D3 vocabulary, syntax, and other javascript-related concepts. Finally, we have gone over different sources to consult to learn D3 further.


Download ppt "An Introduction to D3.js By Robert Dillon."

Similar presentations


Ads by Google