Get Started. It's Free
or sign up with your email address
Rocket clouds
vbnvb by Mind Map: vbnvb

1. 1. visualization

2. animations

2.1. e.g.

3. because you declare the join & handling of adding/removing data, you can easily add animations

4. there's no update method, just set attributes or append

4.1. circles.attr("class", "update")

5. you describe DOM elements that d3 will create according to the data

6. visualisations can increase or decrease the value extracted from data

7. set attributes by data

7.1. circles = svg.selectAll("circle").data(data)

8. dfdfgdfgdgddf

9. circles.attr("r", function(d) { return d.radius; });

10. data joins

10.1. marrying data to the DOM

10.1.1. *read*

10.1.1.1. http:/bost.ocks.org/mike/join/

10.2. mapping by

10.2.1. enter

10.2.1.1. exists in data but not in DOM

10.2.1.2. need use enter().append()

10.2.1.2.1. circles.enter().append("circle").attr("class", "update")

10.2.2. update

10.2.2.1. exists in both

10.2.3. enter+update

10.2.4. exit

10.3. you have a method (eg, renderData) that does these 4 steps

11. exists in DOM but not in data

12. enter

12.1. fade in

13. load & manipulate data in different formats

13.1. asdasd

14. multi-dimensional

15. the 1st that's really a *visualisation* framework

16. drawing

16.1. RaphaëlJS

16.2. processing

16.2.1. drawing code

16.2.2. a JS version supports running in browser

16.3. flash

17. no loop over data

17.1. rather

17.1.1. declarative mapping of DOM elements to data

18. svg.selectAll("circle").data(data).enter().append("circle").attr("r", 2.5);

19. a

19.1. a

20. definition

20.1. vis tells a story made of data

20.2. conveys a value contained in the data

21. test

21.1. d3

21.1.1. does a lot for you

21.1.1.1. map data unto the DOM

21.1.1.2. interpolation

21.1.1.2.1. map properties unto scales of

21.1.1.3. scales

21.1.1.3.1. linear

21.1.1.3.2. nice

21.1.1.4. colorspace math

21.1.1.4.1. natural = d3.extend(data);

21.1.1.4.2. colorscale = d3.scale.linear().domain(natural).intpolate(d3.interpoleateLab).range(startColor, endColor);

21.1.2. example

21.1.2.1. http://bl.ocks.org/3808218

21.1.3. outputs SVG

21.1.3.1. מה לעשות,ינינחינ

21.1.3.2. works with high-res (retina) DPI

21.1.3.3. use as image in HTML & CSS

21.1.3.4. manipulate style via CSS

21.1.3.5. selectors in JavaScript, e.g., by class

21.1.3.5.1. getElementByClassName

21.1.3.6. d3 selectors are almost the same as jquery's

21.1.3.6.1. d3.selectAll(...)

21.1.4. attributes aren't exactly the same as HTML

21.1.5. mostly, it just works

21.1.6. it's just javascript

21.1.7. you can use the browser debugger

21.2. 123

22. go make something!

23. Ho!

23.1. EE

23.2. ee

24. hello

25. world

26. jsnkjdcnsdc

27. asdasda

28. dasdasd

29. asdadasd

29.1. jkfnvjnvdfv

29.1.1. njnkjnkn

29.1.1.1. kjnjn

29.1.1.1.1. kjnkjn

30. dasdasd