ספריית D3

3. Nir Geier - www.git.ninja 3

4. D3? What is it?

9. DEMOSTokyo Wind Speed
https://air.nullschool.net/
How whites born in 1937 have
leaned politically over their lives
https://www.nytimes.com/interactive/2014/07/08/upshot/how-the-year-
you-were-born-influences-your-politics.html
Among the Oscar Contenders, a Host of Connections
http://www.nytimes.com/interactive/2013/02/20/movies/among-the-oscar-
contenders-a-host-of-connections.html

11. SVG
https://codepen.io/nirgeier/pen/ybQgZJ

13. • JavaScript library for manipulating documents
based on data
• A (really awesome) tool used to visualize data
• Created by Mike Bostock in 2011

14. •DATA
•DRIVEN
•DOCUMENTS

15. d3 Syntax

16. d3.select
d3.select()

17. d3.data()

18. d3.enter()
switch to yet-to-be-added elements selection

19. d3.selectAll()

20. d3.style()

21. d3 animation https://codepen.io/nirgeier/pen/ZKmeor

22. d3 animation https://codepen.io/nirgeier/pen/ZKmeor

23. d3 events https://codepen.io/nirgeier/pen/YVRZm
X

24. d3 events https://codepen.io/nirgeier/pen/YVRZm
X

25. d3 Libraries
http://c3js.org
http://nvd3.org

26. RESOURCES
http://alignedleft.com/tutorials/d3
https://codepen.io/nirgeier/pen/ybQgZJ
https://codepen.io/nirgeier/pen/oWQBmd
https://codepen.io/nirgeier/pen/KmrWpg
https://codepen.io/nirgeier/pen/MmzpoE
https://codepen.io/nirgeier/pen/ZKmeor
https://codepen.io/nirgeier/pen/YVRZmX
http://techslides.com/over-2000-d3-js-examples-and-demos