Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Interaktywna wizualizacja danych w d3.js
Piotr Migdał
January 25, 2016
Programming
2
500
Interaktywna wizualizacja danych w d3.js
warsztaty KFnrD w ICM UW
Piotr Migdał
January 25, 2016
Tweet
Share
More Decks by Piotr Migdał
See All by Piotr Migdał
pmigdal
0
33
pmigdal
6
930
pmigdal
0
78
pmigdal
0
44
pmigdal
0
410
pmigdal
1
1.2k
pmigdal
0
1.7k
pmigdal
0
190
pmigdal
0
34
Other Decks in Programming
See All in Programming
adoranwodo
0
260
kazaman97
0
210
wasabeef
1
580
mraible
PRO
0
310
nbkouhou
0
1.1k
viteinfinite
0
210
standfm
0
270
line_developers_tw2
0
860
akatsukinewgrad
0
220
siketyan
1
120
mizdra
7
4.9k
azdaroth
0
100
Featured
See All Featured
bkeepers
321
53k
tanoku
258
24k
bryan
100
11k
nonsquared
81
3.3k
geoffreycrofte
19
810
jmmastey
9
540
schacon
145
6.6k
moore
125
21k
maltzj
500
36k
holman
448
130k
erikaheidi
13
4.2k
destraynor
146
19k
Transcript
Interaktywna wizualizacja danych w d3.js Piotr Migdał warsztaty KFnrD ICM,
25-29 sty 2016
dr fizyki kwantowej data science freelancer ICFO, Barcelona (grudzień 2014)
None
wykres słupkowy - William Playfair (1786) wykres punktowy - Francis
Galton (wiek później)
cholera w Londynie - John Snow (1854)
Dmitri Mendeleev | Periodic Table of Elements (1869) układ okresowy
- Dimitri Mendeleev (1869)
Wykresy • Jakie znacie? • Jakich używacie? (graficzne reprezentacje danych)
3.14159
Dobry wykres czy zły?
http://darkhorseanalytics.com/blog/data-looks-better-naked
Ale… http://www.maartenlambrechts.be/to-the- point-7-reasons-you-should-use-dot-graphs
http://www.gapminder.org
None
pakiet R: ggplot2 http://blog.echen.me/2012/01/17/ quick-introduction-to-ggplot2 http://r4stats.com/examples/graphics-ggplot2
https://matury.shinyapps.io/histogramy/
None
None
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
http://exposedata.com/parallel/
http://setosa.io/ev/ordinary-least-squares-regression
http://bl.ocks.org/mbostock/7322386
http://vadim.ogievetsky.com/IntroD3/#35
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/
http://p.migdal.pl/kfnrd_viz/mapa.html
Co będzie? • co wizualizować, jak i dlaczego? • JavaScript
(nie trzeba znać przed) • rozgrzewka: układ okresowy po Twojemu • praca nad Waszym projektem
http://sebastianjaszczur.github.io/www-similarity/
http://m4tx.github.io/linux-distro-timeline
Lektury • Edward Tufte, The Visual Display of Quantitative Information
• Willard C. Brinton, Graphic Presentation (1939) https://archive.org/stream/ graphicpresentat00brinrich#page/n0/mode/thumb
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
Dla wszystkich • http://www.fallen.io/ww2/ (~20 min) • mogę pomóc z:
• R ggplot2 • Python: Pandas/Seaborn