Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B....

21
CSE 494/591 Data Visualization Projects Dr. Sharon Hsiao 2015/01/21

Transcript of Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B....

Page 1: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

CSE 494/591Data Visualization Projects

Dr. Sharon Hsiao

2015/01/21

Page 2: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

Final Project Deliverables● Intelligent Interactive visualization

○ must be accessible online○ submit all source codes or executable files as a zip.

● 6-10(min-max) pages paper, unlimited extra pages for references.○ Introduction, Motivation, Visualization Design (implementation),

Methodology (Clearly state why&how can your data visualization be used to solve the research questions), Evaluation Plan, Discussions & Future Work, References.

● Presentation slides should also be submitted. You will have to present this work (demo/explain it) in class.

Page 3: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

Evaluation● 30% collecting data, cleaning data, conducting data analysis;● 45% prototyping visualization, implementing visualization (clarity,

consistency, aesthetic, originality);● 25% demonstrating the implementation in report and presentation

(technically sound?appropriate and sufficient references?)

(if it's completed as a group I +-(I – P) * 20% of the average group peer review ) i.e.Group score = 90 (A-)90 + (98-90) x0.2 = 91.690 – (90-70) x 0.2 = 86

Page 4: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

● Total 8-10 Projects● Email TA to sign a project by forming a team

of 2-3. First come first serve. ● Project sign up due: 2/4 Wednesday noon (same as assignment 1 due, individual project proposal due)

● Project alternatives: individual project (2 pages proposal is required: dataset descriptions, research questions, motivation)

Page 5: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

What do I do?

● Computer Science Education○ programming○ personalized(adaptive) tools

■ visual analytics■ visual recommenders

● CSI (Computing Systems & Informatics)

Page 6: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

Hsiao, I-H., Bakalov, F., Brusilovsky, P., and König-Ries, B. (2013) Open Social Student Modeling for Personalized E-Learning. New Review of Hypermedia and Multimedia, 19(2), 112-131. URL

Hossein, R. Hsiao, I-H., Guerra, J. & Brusilovsky, P. (2015) What Should I Do Next? Adaptive Sequencing in the Context of Open Social Student Modeling, 17th International Conference on Artificial Intelligence in Education (to be appeared)

Page 7: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

Datasets

1. Stackoverflow Dataset: selected topics in Java

2. Stackoverflow Dataset: stack exchange API3. Yelp Academic Dataset: (Phoenix)4. Yelp Academic Dataset: all other available

cities http://www.yelp.com/dataset_challenge

Page 8: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

Stackoverflow

● Java: {type,title,content,code,user_id, time, vote, reputation, accept_rate, tags}● Unbounded: { (all of above), badges, featured, no-answered, upvote, flags, favorite, etc.} https://api.stackexchange.com/docs

Page 9: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

● Review Objects{

'type': 'review',

'business_id': (the identifier of the reviewed business),

'user_id': (the identifier of the authoring user),

'stars': (star rating, integer 1-5),

'text': (review text),

'date': (date, formatted like '2011-04-19'),

'votes': {

'useful': (count of useful votes),

'funny': (count of funny votes),

'cool': (count of cool votes)

}

}

● User Objects

...

Yelp● Business Objects

{ 'type': 'business', 'business_id': (a unique identifier for this

business),

'name': (the full business name), 'neighborhoods': (a list of neighborhood names,

might be empty),

'full_address': (localized address), 'city': (city), 'state': (state), 'latitude': (latitude), 'longitude': (longitude), 'stars': (star rating, rounded to half-stars), 'review_count': (review count), 'photo_url': (photo url), 'categories': [(localized category names)] 'open': (is the business still open for business?), 'schools': (nearby universities), 'url': (yelp url)}

Page 10: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

Project Categories:

1. Visual Analytics2. Visual Recommenders

Page 11: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

1. Stackoverflow Java2. Stackoverflow unbounded3. Yelp: Phoenix4. Yelp: unbounded

A. Visual AnalyticsB. Visual Recommender

Intelligent Interactive visualization

Page 12: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

A Visual Analytics! But NOT Intelligent!

Page 13: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

example of a simple intelligent visual analytics http://twitter.github.io/interactive/sotu2014/#p1

Page 14: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

A recommender! But NOT Visual!

Page 15: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

examples of a visual recommender

Bostandjiev, S., O'Donovan, J., & Höllerer, T. (2012, September). Tasteweights: a visual interactive hybrid recommender system. In Proceedings of the sixth ACM conference on Recommender systems (pp. 35-42). ACM.

Bostandjiev, S., O'Donovan, J., & Höllerer, T. (2013, March). LinkedVis: exploring social and semantic career recommendations. In Proceedings of the 2013 international conference on Intelligent user interfaces (pp. 107-116). ACM.

Page 16: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

another visual recommender exampleParra, D., Brusilovsky, P., & Trattner, C. (2014). See what you want to see: visual user-driven approach for hybrid recommendation. Paper presented at the Proceedings of the 19th international conference on Intelligent User Interfaces, Haifa, Israel.

Page 17: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

1.A. & 3.A. stackoverflow:Java & Yelp:Phoenix intelligent visual analytics1.B. & 2.B. 2.A. & 4.A. stackoverflow:All & Yelp:All intelligent visual analytics3.B. & 4.B.

for example:● bounded domain: a semantic code visual analytics; ● unbounded domain: innovative exploratory visual analytics

different domains, bounded or unbounded parameters

Page 18: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

Break traditional list-style of recommendation! 1.A. & 3.A. 1.B. & 2.B. stackoverflow:Java & stackoverflow:All visual recommender2.A. & 4.A. 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender

for example:● bounded domain: designing a code snippet visual recommender; local

cuisine visual recommender● unbounded domain: multi-modal visual recommender; geolocation

visual recommender

Page 19: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

Project #9: Da Vinci project: Analytical ArtTask: crawl cubism collections, utilize image processing algorithm analyze the collections, and produce an intelligent visual analytics. It can be used to detect counterfeits, analyze & understand art, facilitate art education.

Pablo Piccaso (1907) Les Demoiselles d'Avignon

Page 20: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

http://www.technologyreview.com/view/532886/how-google-translates-pictures-into-words-using-vector-space-mathematics/

Page 21: Data Visualization Projects CSE 494/591ihsiao1/slides/cse591/projects.pdf · 3.B. & 4.B. Yelp:Phoenix & Yelp:All visual recommender for example: bounded domain: designing a code snippet

Approach:

1. explore data sets2. explore existing interactive visualizations3. finalize problems to solve4. prototyping5. start coding, start writing