Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Understanding D3

151 views

Published on

These are slides for a workshop on D3 given at the Studio for Creative Inquiry at Carnegie Mellon University on October 28th, 2016.

For more context, see http://d3.workergnome.com

Published in: Data & Analytics
  • Be the first to comment

  • Be the first to like this

Understanding D3

  1. 1. Understanding D3.
  2. 2. “D3” stands for Data-Driven Documents.
  3. 3. What is D3 Not?
  4. 4. D3 is not HIGHCHARTS
  5. 5. D3 is not P5.JS
  6. 6. D3 is not JQUERY
  7. 7. D3 is not CARTO
  8. 8. D3 is not REACT
  9. 9. D3.JS
  10. 10. D3 Version 4
  11. 11. D3 Documentation https://github.com/d3/d3/blob/master/API.md
  12. 12. http://bl.ocks.org
  13. 13. RUNNING A SERVER LOCALLY python -m SimpleHTTPServer
  14. 14. D3 SVG EXPORT http://nytimes.github.io/svg-crowbar/
  15. 15. DATA The data refers to the thing you want to visualize.
  16. 16. DOCUMENT The document refers to its visual representation.
  17. 17. DOCUMENT DOM elements, but usually SVG.
  18. 18. http://d3.workergnome.com

×