Interaktywna wizualizacja danych w d3.js

warsztaty KFnrD w ICM UW

Transcript

1. Interaktywna wizualizacja danych w d3.js Piotr Migdał warsztaty KFnrD ICM, 25-29 sty 2016
2. dr fizyki kwantowej data science freelancer ICFO, Barcelona (grudzień 2014)
4. wykres słupkowy - William Playfair (1786) wykres punktowy - Francis Galton (wiek później)
5. cholera w Londynie - John Snow (1854)
6. Dmitri Mendeleev | Periodic Table of Elements (1869) układ okresowy - Dimitri Mendeleev (1869)
7. Wykresy • Jakie znacie? • Jakich używacie? (graficzne reprezentacje danych)
8. 3.14159
9. Dobry wykres czy zły?
10. http://darkhorseanalytics.com/blog/data-looks-better-naked
11. Ale… http://www.maartenlambrechts.be/to-the- point-7-reasons-you-should-use-dot-graphs
12. http://www.gapminder.org
14. pakiet R: ggplot2 http://blog.echen.me/2012/01/17/ quick-introduction-to-ggplot2 http://r4stats.com/examples/graphics-ggplot2
15. https://matury.shinyapps.io/histogramy/
18. D3.js • algorytmiczne • minimalistyczne • de facto (świetny) standard wizualizacji „perfection is finally attained
 not when there is no longer anything to add,
 but when there is no longer anything to take away” Antoine de Saint-Exupéry
19. http://exposedata.com/parallel/
20. http://setosa.io/ev/ordinary-least-squares-regression
21. http://bl.ocks.org/mbostock/7322386
22. http://vadim.ogievetsky.com/IntroD3/#35
23. homework quantum-field-theory wavefunction operators schroedinger-equation quantum-information hilbert-space uncertainty-principle mathematical-physics quantum-interpretations entanglement spin angular-momentum measurement-problem condensed-matter particle-physics photons electromagnetism atomic-physics probability commutator statistical-mechanics harmonic-oscillator double-slit-experiment special-relativity classical-mechanics quantum-computer solid-state-physics electrons wavefunction-collapse wave-particle-duality potential http://stared.github.io/tagoverflow/
24. http://p.migdal.pl/kfnrd_viz/mapa.html
25. Co będzie? • co wizualizować, jak i dlaczego? • JavaScript (nie trzeba znać przed) • rozgrzewka: układ okresowy po Twojemu • praca nad Waszym projektem
26. http://sebastianjaszczur.github.io/www-similarity/
27. http://m4tx.github.io/linux-distro-timeline
28. Lektury • Edward Tufte,
 The Visual Display of Quantitative Information • Willard C. Brinton,
 Graphic Presentation (1939)
 https://archive.org/stream/ graphicpresentat00brinrich#page/n0/mode/thumb
29. Moje ściągawki • http://warsztatywww.wikidot.com/ www10:wizualizujemy-wikipedie • http://smarterpoland.pl/index.php/2014/06/ metawstep-do-wizualizacji-danych-w-d3-js/ • https://github.com/DELabUW/szkola-letnia-2015/ blob/master/zajecia/ deser_sztuka_robienia_wykresow.ipynb
30. Dla wszystkich • http://www.fallen.io/ww2/ (~20 min) • mogę pomóc z: • R ggplot2 • Python: Pandas/Seaborn