https://cs617.org/assignments/03/

Thank you!!

Martin Krzywinski

Fritz Lekschas

https://peax.lekschas.de/

Today via Zoom!

Homework

Create a new circle every second until 100 randomly positioned circles are on the screen with D3!

???

Homework

https://www.wsj.com/lifestyle/careers/college-degree-jobs-unused-440b2abd?st=xpj24a4tlcc7etn&reflink=desktopwebshare_permalink

Sankey Diagram

Donut Chart

Dumbell Plot

Connected Dot Plot

Ranged Dot Plot

Horizontal Range

Min-Max Plot

https://vega.github.io/vega-lite/examples/layer_ranged_dot.html

Homework

Re-Create your assignment 3 submission with Vega-Lite!

https://vega.github.io/vega-lite/

https://www.namwkim.org/

https://peax.lekschas.de/

Eye Candy

https://chartaccent.github.io/

Eye Candy

https://stat.columbia.edu/~gelman/communication/Bateman2010.pdf

Tufte: Data-Ink Ratio

Pictographs / Icons

http://steveharoz.com/research/isotype/ISOTYPE_Visualization_CHI2015_Haroz_Kosara_Franconeri.pdf

let's look at some examples...

https://cs617.org/map_of_nothing.pdf

https://www.researchgate.net/profile/Benjamin-Bach/publication/316497056_The_Emerging_Genre_of_Data_Comics/links/5b22526ca6fdcc69745ee6a7/The-Emerging-Genre-of-Data-Comics.pdf

Transitions

to break down the complexity

and progressively reveal different aspects

https://benjerry.heshlindsdataviz.com/

https://pudding.cool/2023/09/invisible-epidemic/

https://www.nytimes.com/interactive/2019/08/23/opinion/data-internet-privacy-tracking.html

Style

https://playground.tensorflow.org/

Transitions

to break down the complexity

and progressively reveal different aspects

Freytag's Pyramid

https://storycurve.namwkim.org

Homework

http://www.fallen.io/ww2/

CS617 Lecture 11

By Daniel Haehn

CS617 Lecture 11

Slides for CS617 VISUALIZING.BOSTON - See https://cs617.org!

  • 107

More from Daniel Haehn