Difference between revisions of "Visualization"

Revision as of 03:38, 26 April 2012

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

• 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.

• wikipedia: Infographic
• Where Canada's food aid goes: http://www.theglobeandmail.com/news/national/where-canadas-food-aid-goes/article1922894/?from=1922934
• The rebirth of the infographic: http://emediavitals.com/article/16/rebirth-infographic
• Top 10 - Odd Facts in Creative Charts: http://totallytop10.com/current-affairs/odd-news/top-10-creative-charts
• 7 Interactive guides to the Gulf Coast oil spill: http://www.mediabistro.com/10000words/7-interactive-guides-to-the-gulf-coast-oil-spill_b509

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 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!"

• What public data is already available?: http://www.showusabetterway.co.uk/call/data.html

code_swarm

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

• code_swarm - Project page: http://vis.cs.ucdavis.edu/~ogawa/codeswarm/
• code_swarm demo - Eclipse (video): http://www.vimeo.com/1130828

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.

• SIMILE Project at MIT: http://simile.mit.edu/
• SIMILE WidgetsFree, Open-Source Data Visualization Web Widgets, and More: http://www.simile-widgets.org/

NetGrok

• NetGrok - visualizing computer networks in real-time: http://pentestit.com/2009/09/06/netgrok-visualize-computer-networks-realtime/?wscr=1440x900

Google Visualization

• Google Visualization API: http://code.google.com/apis/visualization/

Asterisq

• Visualizations by Asterisq: http://asterisq.com/products/constellation/custom/implementations
• Implementations of Asterisq visualizer: http://asterisq.com/products/constellation/custom/implementations^[1]
• Constellation Roamer - Flash Graph Visualization: http://asterisq.com/products/constellation/roamer/demo

Gephi

• Gephi - Open Graph Viz Platform: http://gephi.org/

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

• GeoCommons Maker!, Finder! launched: http://www.ogleearth.com/2008/10/geocommons_make.html

dygraphs

• dygraphs JavaScript Visualization Library: http://www.danvk.org/dygraphs/

Tools

• Visual Understanding Environment (VUE): http://vue.tufts.edu/

Resources

• 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/
• A Stunning New Way to See Scientific Data: http://randomthougts101.blogspot.com/2009/04/stunning-new-way-to-see-scientific-data.html
• 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
• Japan Earthquake: http://www.cbc.ca/news/interactives/japan-earthquake/index.html

Tutorials

• Large-scale RDF Graph Visualization Tools: http://www.mkbergman.com/414/large-scale-rdf-graph-visualization-tools/

External Links

• DHTML - Interactive DOM Scripting (A library of creative visualization works): http://www.dhteumeuleu.com/
• The Best Tools for Visualization 2008: http://www.readwriteweb.com/archives/the_best_tools_for_visualization.php
• The KHRONOS PROJECTOR - a video time-warping machine with a tangible deformable screen: http://www.k2.t.u-tokyo.ac.jp/members/alvaro/Khronos/
• History of Visual Communication: http://www.citrinitas.com/history_of_viscom/index.html#
• TOXI - Visualizations: http://toxi.co.uk/
• Amazing Visualizations of Social Networks: http://socialmediatrader.com/10-amazing-visualizations-of-social-networks/
• FlowingData explores how statisticians, designers, and computer scientists are using data to help us understand more about ourselves and our surroundings: http://flowingdata.com/
• MappedUp - An Indispensable tool for the global newsjunkie!: http://www.mappedup.com/
• Google Data Visualization Concepts: http://www.gridplane.com/html/projects/data-vis
• History of Sustainability - a visualization: http://archis.org/history-of-sustainability/
• The Grammar of Graphics: http://www.cs.uic.edu/~wilkinson/TheGrammarOfGraphics/GOG.html
• TouchGraph - Ontology Visualization: http://jowl.ontologyonline.org/TouchGraph.html
• 30 amazing (free) online magazines for graphic designers: http://blogof.francescomugnai.com/2008/09/best-online-magazines-graphic-designers/
• CogSpace - Disciplines Visualization: http://www.cogspace.net/index2.html
• Still No Invite to FFFFOUND? Try We Heart It Instead: http://www.readwriteweb.com/archives/still_no_invite_to_ffffound_try_we_heart_it.php
• Visualization of my del.icio.us bookmarks: http://www.flickr.com/photos/kaeru/123614933/
• world wide web visualization 6331: http://www.flickr.com/photos/amattox/3236510649/
• rhnav rhizome navigation used to create genealogy motion graphics: http://www.metaportaldermedienpolemik.net/blog/Blog/2007-01-16/rhnav - rhizome navigation used to create genealogy motion graphics?redirectfrom=visualization%2Fgenealogy
• Grant McCracken - Culture in real time - data visualization and the CCO: http://www.cultureby.com/trilogy/2009/09/culture-in-real-time-data-visualization-and-the-cco.html
• gource -- Revealing the Contributions of Software Developers over Time: http://infosthetics.com/archives/2009/12/gource_software_version_control_visualization.html#extended
• Ben Fry & Seed labs visualize The Cost of Getting Sick: http://www.gereports.com/ben-fry-seed-labs-visualize-the-cost-of-getting-sick/
• GOOD’s glimpse into mortality via data visualization: http://www.gereports.com/goods-glimpse-into-mortality-via-data-visualization/
• GOOD’s World Health info-graphic shows the money 12 countries spend on healthcare: http://files.gecompany.com/healthymagination/visualization/world_health/world_health_highres.html
• Graph Visualization tools: http://www.visualcomplexity.com/vc/community/tools.cfm

• Facebook friends visualization tool for many eyes: http://blog.sameerhalai.com/archives/facebook-friends-visualization-tool-for-many-eyes/
• 6 Ways to use Facebook as a Search Engine and Data Visualization tool: http://selvabalaji.wordpress.com/2010/09/04/6-ways-to-use-facebook-as-search-engine-and-data-visualization-tools/
• 5 cool Facebook search engine data visualization tools: http://www.the3dtechnologies.com/2010/09/05/5-cool-facebook-search-engine-data-visualization-tools/
• Enhancing Simulation Studies with 3D Animation: http://www.ecnmag.com/Articles/2010/09/Design-Talk/Enhancing-Simulation-Studies-with-3D-Animation/
• The Differences - Sunnis & Shiites: http://www.good.is/post/the-differences-sunnis-shiites/
• Japan Radiation Maximum by Prefecture: http://www.targetmap.com/viewer.aspx?reportId=4870
• Awesome visualizations of internet and web tech: http://royal.pingdom.com/2010/11/25/awesome-visualizations-of-internet-and-web-tech/

References

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

See Also

Web 3.0