Visualization Principles andInteractive Data Explorationhttp://www.aaronkoblin.com/work/flightpatterns/
WHY DO WE CREATE/NEEDVISUALIZATIONS?https://www.flickr.com/photos/brewbooks/7358153986/
http://neoformix.com/
MAKING SENSE OF DATAhttp://sigmajs.org/examples/gexf_example.html
SEVEN STAGES OF VISUALIZING DATA• Acquire• Parse• Filter• Mine• Represent• Refine• InteractVisualizing Data, Ben Fry, O’Re...
ONE DIMENSIONhttp://en.wikipedia.org/wiki/File:DNA_sequence.svg
TEMPORAL
2D -MAPS
3D - MOLECULEhttps://www.flickr.com/photos/schoschie/92731168/
2D VS 3D• Actually quite controversial!• The general recommendation is to avoid3D in data visualization as it can presentp...
MULTIPLE DIMENSIONShttp://en.wikipedia.org/wiki/Iris_flower_data_set
TREE OF LIFEhttp://www.jasondavies.com/tree-of-life/
TREE MAPhttp://mbostock.github.io/d3/talk/20111018/treemap.html
NETWORKhttp://mbostock.github.io/d3/talk/20111116/force-collapsible.html
CLASSIFICATIONS OF VISUALIZATIONS• InfoGraphics vs. Data Visualization• Exploration vs. Explanation• Informative versus Pe...
TELLING A STORYThe nature of the visualization depends on which relationship (between two of the threecomponents) is domin...
VISUAL INFORMATION-SEEKINGVisualization mantra:• Overview first, zoom and filter, then details-on-demand. [Shneiderman]
DEMOMaster on Software Engineering Human-Computer Interaction
GEPHI - OPEN GRAPH VIZ PLATFORMhttp://gephi.org/
NODEBOX - CREATE GENERATIVE DESIGNhttp://nodebox.net/
PROCESSING - PROGRAMMING LANGUAGE ANDENVIRONMENT FOR PEOPLE WHO WANT TOCREATE IMAGES, ANIMATIONS, ANDINTERACTIONS.http://p...
THANK YOUStefan Negru• stefan.negru@info.uaic.ro• http://blankdots.com• http://is.gd/visualization• http://profs.info.uaic...
Upcoming SlideShare
Loading in...5
×

Designjamiasi visualization and interactive data exploration

4,037

Published on

Published in: Business, Education, Technology
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,037
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
44
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

Designjamiasi visualization and interactive data exploration

  1. 1. Visualization Principles andInteractive Data Explorationhttp://www.aaronkoblin.com/work/flightpatterns/
  2. 2. WHY DO WE CREATE/NEEDVISUALIZATIONS?https://www.flickr.com/photos/brewbooks/7358153986/
  3. 3. http://neoformix.com/
  4. 4. MAKING SENSE OF DATAhttp://sigmajs.org/examples/gexf_example.html
  5. 5. SEVEN STAGES OF VISUALIZING DATA• Acquire• Parse• Filter• Mine• Represent• Refine• InteractVisualizing Data, Ben Fry, O’Reilly
  6. 6. ONE DIMENSIONhttp://en.wikipedia.org/wiki/File:DNA_sequence.svg
  7. 7. TEMPORAL
  8. 8. 2D -MAPS
  9. 9. 3D - MOLECULEhttps://www.flickr.com/photos/schoschie/92731168/
  10. 10. 2D VS 3D• Actually quite controversial!• The general recommendation is to avoid3D in data visualization as it can presentproblems with occlusion and navigation• Most visualizations stay in the 2D or 2.5D
  11. 11. MULTIPLE DIMENSIONShttp://en.wikipedia.org/wiki/Iris_flower_data_set
  12. 12. TREE OF LIFEhttp://www.jasondavies.com/tree-of-life/
  13. 13. TREE MAPhttp://mbostock.github.io/d3/talk/20111018/treemap.html
  14. 14. NETWORKhttp://mbostock.github.io/d3/talk/20111116/force-collapsible.html
  15. 15. CLASSIFICATIONS OF VISUALIZATIONS• InfoGraphics vs. Data Visualization• Exploration vs. Explanation• Informative versus Persuasive vs. Visual ArtDesigning Data Visualization, Noah Iliinsky and Julie Steele,O’REILLY
  16. 16. TELLING A STORYThe nature of the visualization depends on which relationship (between two of the threecomponents) is dominant
  17. 17. VISUAL INFORMATION-SEEKINGVisualization mantra:• Overview first, zoom and filter, then details-on-demand. [Shneiderman]
  18. 18. DEMOMaster on Software Engineering Human-Computer Interaction
  19. 19. GEPHI - OPEN GRAPH VIZ PLATFORMhttp://gephi.org/
  20. 20. NODEBOX - CREATE GENERATIVE DESIGNhttp://nodebox.net/
  21. 21. PROCESSING - PROGRAMMING LANGUAGE ANDENVIRONMENT FOR PEOPLE WHO WANT TOCREATE IMAGES, ANIMATIONS, ANDINTERACTIONS.http://processing.org/
  22. 22. THANK YOUStefan Negru• stefan.negru@info.uaic.ro• http://blankdots.com• http://is.gd/visualization• http://profs.info.uaic.ro/~stefan.negru/studentprojects/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×