Difference between revisions of "Visualization"

From BC$ MobileTV Wiki
Jump to: navigation, search
Line 6: Line 6:
  
  
== InfoGraphic ==
+
== Visualization Types ==
 +
 
 +
=== TreeMaps ===
 +
 
 +
* Treemap Visualisation: http://www.cs.umd.edu/hcil/treemap-history/
 +
* TreeViz - Visualization of Large Tree Structures: http://infosthetics.com/archives/2009/01/treeviz_visualization_of_large_tree_structures.html
 +
* 10 Lessons in Treemap Designhttp://www.juiceanalytics.com/writing/10-lessons-treemap-design/;
 +
 
 +
 
 +
=== Perception Map ===
 +
 
 +
* [[wikipedia:Perceptual mapping]]
 +
* Perception map of a user's view of your website: http://goodgaze.com/ggx/products/perception-map
 +
 
 +
=== Relationship Map ===
 +
 
 +
* DebateGraph: http://debategraph.org/
 +
* DebateGraph is an initiative of Recovery.gov - the Stimulus "Government Accountability" site: http://www.recovery.gov/
 +
 
 +
 
 +
=== InfoGraphic ===
  
 
An InfoGraphic is a ''visualization'' tool used for summarizing large amounts of data and information into a small, concise, yet easily readable, translatable and understandable graphical representation. There are modern-day software packages available for creating InfoGraphics, though many of the best infographics are drawn by hand, whether electronically, on paper or created via another medium. Common infographics are bar-charts, pie-charts, global maps, universal maps, pictures of a specific locale or setting with data overlays, etc.
 
An InfoGraphic is a ''visualization'' tool used for summarizing large amounts of data and information into a small, concise, yet easily readable, translatable and understandable graphical representation. There are modern-day software packages available for creating InfoGraphics, though many of the best infographics are drawn by hand, whether electronically, on paper or created via another medium. Common infographics are bar-charts, pie-charts, global maps, universal maps, pictures of a specific locale or setting with data overlays, etc.
Line 19: Line 39:
  
 
== Projects ==
 
== Projects ==
 +
 +
* FFFFound -- find amazing images and visualizations: http://ffffound.com/
 +
* vi.sualize.us -- visualization sharing: http://vi.sualize.us/
 +
* WeHeartIt -- image sharing: http://weheartit.com/
 +
* Timetric: http://timetric.com/
  
 
=== Show Us A Better Way ===
 
=== Show Us A Better Way ===
Line 25: Line 50:
  
 
* What public data is already available?: http://www.showusabetterway.co.uk/call/data.html
 
* What public data is already available?: http://www.showusabetterway.co.uk/call/data.html
 
  
  
Line 34: Line 58:
 
* code_swarm - Project page: http://vis.cs.ucdavis.edu/~ogawa/codeswarm/
 
* code_swarm - Project page: http://vis.cs.ucdavis.edu/~ogawa/codeswarm/
 
* code_swarm demo - Eclipse (video): http://www.vimeo.com/1130828
 
* code_swarm demo - Eclipse (video): http://www.vimeo.com/1130828
 
  
  
Line 53: Line 76:
  
 
* NetGrok - visualizing computer networks in real-time: http://pentestit.com/2009/09/06/netgrok-visualize-computer-networks-realtime/?wscr=1440x900
 
* NetGrok - visualizing computer networks in real-time: http://pentestit.com/2009/09/06/netgrok-visualize-computer-networks-realtime/?wscr=1440x900
 
  
  
 
=== Google Visualization ===
 
=== Google Visualization ===
  
* http://code.google.com/apis/visualization/
+
* Google Visualization API: http://code.google.com/apis/visualization/
 
+
 
+
=== Timetric ===
+
 
+
* http://timetric.com/
+
 
+
 
+
  
  
 +
=== Asterisq ===
  
 +
* Visualizations by Asterisq: http://asterisq.com/products/constellation/custom/implementations
 +
* Implementations of Asterisq visualizer: http://asterisq.com/products/constellation/custom/implementations<ref>Twitter - MentionMap: http://apps.asterisq.com/mentionmap/</ref>
  
  
Line 76: Line 94:
  
 
[[Processing]]
 
[[Processing]]
 
 
 
 
  
  
Line 85: Line 99:
  
 
* GeoCommons Maker!, Finder! launched: http://www.ogleearth.com/2008/10/geocommons_make.html
 
* GeoCommons Maker!, Finder! launched: http://www.ogleearth.com/2008/10/geocommons_make.html
 
  
  
Line 94: Line 107:
  
  
== Authoring Software ==
 
  
* Visual Understanding Environment (VUE): http://vue.tufts.edu/
 
 
 
 
 
 
 
 
 
 
== Visualization Types ==
 
 
=== TreeMaps ===
 
 
* Treemap Visualisation: http://www.cs.umd.edu/hcil/treemap-history/
 
* TreeViz - Visualization of Large Tree Structures: http://infosthetics.com/archives/2009/01/treeviz_visualization_of_large_tree_structures.html
 
* 10 Lessons in Treemap Designhttp://www.juiceanalytics.com/writing/10-lessons-treemap-design/;
 
 
 
=== Perception Map ===
 
 
* [[wikipedia:Perceptual mapping]]
 
* Perception map of a user's view of your website: http://goodgaze.com/ggx/products/perception-map
 
 
=== Relationship Map ===
 
 
* DebateGraph: http://debategraph.org/
 
* DebateGraph is an initiative of Recovery.gov - the Stimulus "Government Accountability" site: http://www.recovery.gov/
 
 
 
 
 
 
 
 
 
== VIDEO ==
 
 
* A Stunning New Way to See Scientific Data: http://randomthougts101.blogspot.com/2009/04/stunning-new-way-to-see-scientific-data.html
 
  
 +
== Tools ==
  
 +
* Visual Understanding Environment (VUE): http://vue.tufts.edu/
  
  
Line 143: Line 118:
 
* '''Social-networking open source visualization aids''': http://www.ibm.com/developerworks/opensource/library/os-socialtools/index.html?ca=drs-
 
* '''Social-networking open source visualization aids''': http://www.ibm.com/developerworks/opensource/library/os-socialtools/index.html?ca=drs-
 
* 25 great free resources for making charts: http://blogof.francescomugnai.com/2009/04/25-great-free-resources-for-making-charts/
 
* 25 great free resources for making charts: http://blogof.francescomugnai.com/2009/04/25-great-free-resources-for-making-charts/
 
+
* A Stunning New Way to See Scientific Data: http://randomthougts101.blogspot.com/2009/04/stunning-new-way-to-see-scientific-data.html
 
+
 
+
 
+
== Examples ==
+
 
+
 
* Our Solar System (FLASH): http://www.gunn.co.nz/astrotour/?data=tours%2Fretrograde.xml
 
* Our Solar System (FLASH): http://www.gunn.co.nz/astrotour/?data=tours%2Fretrograde.xml
 
* Satellite photos show devastation in Japan: http://www.msnbc.msn.com/id/42052263/ns/technology_and_science-space
 
* Satellite photos show devastation in Japan: http://www.msnbc.msn.com/id/42052263/ns/technology_and_science-space
 
* Japan Earthquake: http://www.cbc.ca/news/interactives/japan-earthquake/index.html
 
* Japan Earthquake: http://www.cbc.ca/news/interactives/japan-earthquake/index.html
 
=== Sites ===
 
 
* FFFFound -- find amazing images and visualizations: http://ffffound.com/
 
* vi.sualize.us -- visualization sharing: http://vi.sualize.us/
 
* WeHeartIt -- image sharing: http://weheartit.com/
 
 
 
 
  
  

Revision as of 16:32, 19 April 2011

Visualization is the act of creating pictographic or other visual cues that typically allow a viewer to physically look upon and analyze the relationships between different objects.


Visualization is a common need in many fields, ranging from Information Technology to Statistics, Engineering to Architecture, Biology to Astrophysics and Sociology to Computer Hardware/Software Design, among others.


Visualization Types

TreeMaps


Perception Map

Relationship Map


InfoGraphic

An InfoGraphic is a visualization tool used for summarizing large amounts of data and information into a small, concise, yet easily readable, translatable and understandable graphical representation. There are modern-day software packages available for creating InfoGraphics, though many of the best infographics are drawn by hand, whether electronically, on paper or created via another medium. Common infographics are bar-charts, pie-charts, global maps, universal maps, pictures of a specific locale or setting with data overlays, etc.


Projects

Show Us A Better Way

Show Us a Better Way is a UK government-funded project challenging the public to "Tell us what you'd build with public information and we could help fund your idea!"


code_swarm

code_swarm is one of the leading projects for open visualization libraries:


VisualComplexity

  • VisualComplexity Project (a portal/collection of different visualization projects from all over the world): http://visualcomplexity.com


SIMILE

SIMILE is focused on developing robust, open source tools that empower users to access, manage, visualize and reuse digital assets.


NetGrok


Google Visualization


Asterisq


Processing

Processing is an open source programming language and environment for people who want to program images, animation, and interactions. It is used by students, artists, designers, researchers, and hobbyists for learning, prototyping, and production. It is created to teach fundamentals of computer programming within a visual context and to serve as a software sketchbook and professional production tool. Processing is an alternative to proprietary software tools in the same domain.

Processing


GeoCommons


dygraphs



Tools


Resources


External Links


References

  1. Twitter - MentionMap: http://apps.asterisq.com/mentionmap/


See Also

Web 3.0