designjamiasi visualization and interactive data exploration
TRANSCRIPT
Visualization Principles and
Interactive Data Exploration
http://www.aaronkobl in.com/work/f l ightpatterns/
WHY DO WE CREATE/NEED
VISUALIZATIONS?
https://www.flickr.com/photos/brewbooks/7358153986/
http://neoformix.com/
MAKING SENSE OF DATA
http://sigmajs.org/examples/gexf_example.html
SEVEN STAGES OF VISUALIZING DATA
• Acquire
• Parse
• Filter
• Mine
• Represent
• Refine
• Interact
Visualizing Data, Ben Fry, O’Reilly
ONE DIMENSION
http://en.wikipedia.org/wiki/File:DNA_sequence.svg
TEMPORAL
2D -MAPS
3D - MOLECULE
https://www.flickr.com/photos/schoschie/92731168/
2D VS 3D
• Actually quite controversial!
• The general recommendation is to avoid
3D in data visualization as it can present
problems with occlusion and navigation
• Most visualizations stay in the 2D or 2.5D
MULTIPLE DIMENSIONS
http://en.wikipedia.org/wiki/Iris_flower_data_set
TREE OF LIFE
http://www.jasondavies.com/tree-of-life/
TREE MAP
http://mbostock.github.io/d3/talk/20111018/treemap.html
NETWORK
http://mbostock.github.io/d3/talk/20111116/force-collapsible.html
CLASSIFICATIONS OF VISUALIZATIONS
• InfoGraphics vs. Data Visualization
• Exploration vs. Explanation
• Informative versus Persuasive vs. Visual Art
Designing Data Visualization, Noah Iliinsky and Julie Steele,
O’REILLY
TELLING A STORY
The nature of the visualization depends on which relationship (between two of the three
components) is dominant
VISUAL INFORMATION-SEEKING
Visualization mantra:
• Overview first, zoom and filter, then details-
on-demand. [Shneiderman]
DEMO
Master on Software Engineering Human-Computer Interaction
GEPHI - OPEN GRAPH VIZ PLATFORM
http://gephi.org/
NODEBOX - CREATE GENERATIVE DESIGN
http://nodebox.net/
PROCESSING - PROGRAMMING LANGUAGE AND
ENVIRONMENT FOR PEOPLE WHO WANT TO
CREATE IMAGES, ANIMATIONS, AND
INTERACTIONS.
http://processing.org/
THANK YOU
Stefan Negru
• http://blankdots.com
• http://is.gd/visualization
• http://profs.info.uaic.ro/~stefan.negru/studentprojects/