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.

Introduction to D3

8,447 views

Published on

Presentation by Joe Golike, designer at Trulia, for Visual.ly's meetup, The Introductory D3 Workshop for Beginners.

Published in: Technology

Introduction to D3

  1. 1. Thinking in D3Joe Golike@golike
  2. 2. What is D3?Thinking in D3 Joe Golike @golike 16 Feb 2012
  3. 3. D3 allows you to bind arbitrarydata to a Document Object Model(DOM), and then apply data-driventransformations to the document.Thinking in D3 Joe Golike @golike 16 Feb 2012
  4. 4. [[ 11975, 5871, 8916, 2868 ], [ 1951, 10048, 2060, 6171 ], [ 8010, 16145, 8090, 8045 ], [ 1013, 990, 940, 6907 ]]Thinking in D3 Joe Golike @golike 16 Feb 2012
  5. 5. Thinking in D3 Joe Golike @golike 16 Feb 2012
  6. 6. What’s goodabout it?Thinking in D3 Joe Golike @golike 16 Feb 2012
  7. 7. Web standards technologyThinking in D3 Joe Golike @golike 16 Feb 2012
  8. 8. Web standards technologyWorks in all modern™ browsersThinking in D3 Joe Golike @golike 16 Feb 2012
  9. 9. Web standards technologyWorks in all modern™ browsersPerforms well, even on mobileThinking in D3 Joe Golike @golike 16 Feb 2012
  10. 10. What it’s good at?Thinking in D3 Joe Golike @golike 16 Feb 2012
  11. 11. Nearly unlimited power and controlThinking in D3 Joe Golike @golike 16 Feb 2012
  12. 12. Nearly unlimited power and controlDoes complicated math for youThinking in D3 Joe Golike @golike 16 Feb 2012
  13. 13. Nearly unlimited power and controlDoes complicated math for youSVG + CSSThinking in D3 Joe Golike @golike 16 Feb 2012
  14. 14. What to watchout for?Thinking in D3 Joe Golike @golike 16 Feb 2012
  15. 15. Steepish learning curveThinking in D3 Joe Golike @golike 16 Feb 2012
  16. 16. Steepish learning curveBrowser supportThinking in D3 Joe Golike @golike 16 Feb 2012
  17. 17. Steepish learning curveBrowser support Internet Explorer 9+Thinking in D3 Joe Golike @golike 16 Feb 2012
  18. 18. Steepish learning curveBrowser support Internet Explorer 9+Spotty documentationThinking in D3 Joe Golike @golike 16 Feb 2012
  19. 19. Where do we gofrom here?Thinking in D3 Joe Golike @golike 16 Feb 2012
  20. 20. alignedleft.com/tutorials/d3groups.google.com/group/d3-jsmbostock.github.com/d3colorbrewer.orginsights.truliablog.comThinking in D3 Joe Golike @golike 16 Feb 2012
  21. 21. What have you donewith D3?Thinking in D3 Joe Golike @golike 16 Feb 2012
  22. 22. Thanks.Joe Golike@golike

×