week 4: data viz - designwith.ml · week 4: data viz designing ml, jan 2019...

21
Week 4: Data Viz Designing ML, Jan 2019 [email protected] from Info I247/190 with Marti Hearst

Upload: others

Post on 20-May-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Week 4: Data Viz

Designing ML, Jan [email protected] Info I247/190 with Marti Hearst

Page 2: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

What is Data Viz?

Page 3: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

Page 4: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

Page 5: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

Page 6: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

Page 7: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

Page 8: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Pre-ML Data Viz (Exploratory Data Analysis)

Understand what your data actually is!

What is the scope of your data?

What are trends or insights?

What are hypotheses you can test?

Page 9: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

Page 10: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Post-ML Data Viz

Mapping your labels back to your data

What happened with your model predictions?

Does this match what is expected?

Ways for interaction (!!!)

Page 11: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

Zhang et al (CHI 2016) Data-driven Personas: Constructing Archetypal Users with Clickstreams and User Telemetry

Data Driven Personas: Clustering

Page 12: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz:Best Practices

Page 13: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

Page 14: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

Page 15: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

https://bl.ocks.org/kerryrodden/7090426 https://ai.google/research/pubs/pub43261

Page 16: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

https://bost.ocks.org/mike/sankey/

Page 17: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

https://strushucb.github.io/opp/

Page 18: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

http://bl.ocks.org/nbremer/6506614

Page 19: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

https://mevey.github.io/EmojiVerse/

Page 20: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Data Viz Best Practices

https://public.tableau.com/profile/michelle.carney#!/vizhome/meetupexamplefordschool/Meetupinteractivedashboard?publish=yes

Page 21: Week 4: Data Viz - designwith.ml · Week 4: Data Viz Designing ML, Jan 2019 michelle.carney@berkeley.edu from Info I247/190 with Marti Hearst

Interested in learning more?

Alberto Cairo - Functional Arthttp://www.thefunctionalart.com/

Stephen Few - Now You See Ithttp://www.stephen-few.com/nysi.php

Kerry Roddenhttp://www.rodden.org/kerry

Tony Chuhttp://www.r2d3.us/visual-intro-to-machine-learning-part-1/