Presentation is loading. Please wait.

Presentation is loading. Please wait.

An Introduction to D3.js By Robert Dillon. 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?

Similar presentations


Presentation on theme: "An Introduction to D3.js By Robert Dillon. 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?"— 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 https://github.com/mbostock/d3/wiki/Tutorials 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. 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?"

Similar presentations


Ads by Google