D3.js
FI:PA055 Vizualizace komplexních dat
Adam Mertel
Motivation
- 3 possible ways to make visualization
- use excel
- draw it
- program it
- (meta)graphical languages in web browsers (svg, canvas, vml, ...)
- javascript, css3
- the end of flash, ...
- protovis.js
Principle - data driven
- dataset forms the document ~ visualization
- DOM manipulation
Principle - scalability
- full control over visualization
- ability to create own types of visualization
- extensions
- systems built on top of D3 library
Examples, tutorials
- http://bl.ocks.org/
Main characteristics
- DOM manipulation (svg) (<-> interactivity)
- jQuery
- bl.ocks.org + documentation
- community
- not so easy to learn - very complex
Future
- breaking D3 up into smaller modules
- layout system
- community
Sources
https://www.reddit.com/r/dataisbeautiful/comments/3k3if4/hi_im_mike_bostock_creat
or_of_d3js_and_a_former/
http://benschmidt.org/D3-trail/minard.html
http://c3js.org/
https://plot.ly/javascript/
http://bl.ocks.org/
https://www.reddit.com/r/dataisbeautiful/comments/3k3if4/hi_im_mike_bostock_creat
or_of_d3js_and_a_former/