ספריית D3

2. Nir Geier - www.git.ninja 2

3. D3?D3? What is it?

8. DEMOSDEMOSTokyo 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-yo
Among the Oscar Contenders, a Host of Connections
http://www.nytimes.com/interactive/2013/02/20/movies/among-the-oscar

10. SVGSVG
https://codepen.io/nirgeier/pen/ybQgZJ

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

14. d3 Syntax

15. d3.select
d3.select()

16. d3.data()

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

18. d3.selectAll()

19. d3.style()

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

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

22. d3 events https://codepen.io/nirgeier/pen/YVRZmX

23. d3 events https://codepen.io/nirgeier/pen/YVRZ
mX

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

25. RESOURCESRESOURCES
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