https://cs617.org/assignments/04/

local / regional data

visualize

to tell a story!

https://datausa.io/profile/geo/medford-ma

https://github.com/d3plus/d3plus

local / regional data

visualize

to tell a story!

Final submission 5/17

same day

Get Martin's feedback for bonus!

Proposal due 5/1

https://haehn.github.io/cs171/

Example: https://github.com/haehn/cs171/blob/master/proposal.pdf

5/3

https://cs617.org/proposal

Due 5/6 1159p!

Final Submission

Example: https://github.com/haehn/cs171/blob/master/CS171_final_project_proposal.pdf

web-based data story

+ report

Due 5/17!

40% of your grade

community engagement / value

visualization design best practices

creativity

storytelling elements

https://vidhyasree-n.github.io/CS_CashCow/EarCandy.html

@staff

The Motorcycle Story

How can we add data to this?

How can we add data to this?

https://www.plainconcepts.com/data-visualization-color/

Color

https://colorbrewer2.org/

2D vs 3D

Stories are everywhere!

1984

IEEE Vis 2018

https://mpsych.org/papers/haehn2018evaluating_supplemental.pdf

0°

45°

90°

135°

https://netdissect.csail.mit.edu/

https://colab.research.google.com/drive/1rxmXus_nrGEhxlQK_By38AjwDxwmLn9S?usp=sharing

https://filwd.substack.com/p/what-can-ai-do-for-data-visualization

https://vis.khoury.northeastern.edu/pubs/Schetinger2023DoomDeliciousnessChallenges/

https://vcg.github.io/upset/

https://vdl.sci.utah.edu/team/lex/

Use UpSet to figure out which males like Duff and do not work at the powerplant!

https://vcg.github.io/upset/

https://twitter.com/karim_douieb/status/1181695687005745153

http://hint.fm/wind/

https://www.thetruesize.com/

https://public.websites.umich.edu/~mejn/cartograms/

Can you tell which color represents higher or lower values?

for red-green blind people

https://www.color-blindness.com/coblis-color-blindness-simulator/

Cleveland and McGill 1984

Node-Link Diagram

Matrix Diagram

Use d3plus to create the indexed chart!