Difference between revisions of "Visualization"

From BC$ MobileTV Wiki
Jump to: navigation, search
Line 96: Line 96:
  
 
* dygraphs JavaScript Visualization Library: http://www.danvk.org/dygraphs/
 
* dygraphs JavaScript Visualization Library: http://www.danvk.org/dygraphs/
 +
 +
 +
 +
 +
=== Data Visualization ===
 +
 +
'''Data Visualization''' is the process of presenting information in an easy to understand, intuitive, typically aesthetically pleasing manner such that relationships between disparate objects and facts can be derived and visually infered.
 +
 +
 +
=== Projects/Applications ===
 +
 +
==== GraphML ====
 +
 +
* The GraphML File Format: http://graphml.graphdrawing.org/
 +
 +
==== Spatial Key ====
 +
 +
* SpatialKey: http://www.spatialkey.com/
 +
* GeoSpatial Data Mapping with SpatialKey: http://visualthinkmap.blogspot.com/2009/04/data-mapping.html
 +
 +
==== TLG View ====
 +
 +
TLGView's objective is to enhance the exploration and navigation of data in the cloud. Whether the data is databases, search results, videos, or images - in short, any group of objects that reside somewhere in the internet cloud.
 +
 +
* TLG View: http://www.tlgview.com/
 +
 +
==== Processing ====
 +
 +
* Processing - java-based project to create visualizations: http://processing.org
 +
* Processing.js - A JavaScript port of Processing lib: http://processingjs.org/
 +
  
  
Line 104: Line 135:
  
 
* Visual Understanding Environment (VUE): http://vue.tufts.edu/
 
* Visual Understanding Environment (VUE): http://vue.tufts.edu/
 +
 +
=== Java ===
 +
 +
* Processing - Programming language for Data Visualization, implemented in Java: http://www.processing.org/
 +
* prefuse - visualization toolkit: http://prefuse.org/
 +
* InfoViz: http://ivtk.sourceforge.net/
 +
* Grappa - Java wrapper for GraphViz: http://www2.research.att.com/~john/Grappa/
 +
 +
 +
=== JavaScript ===
 +
 +
* 16 Javascript Libraries for Visualizations: http://datavisualization.ch/tools/13-javascript-libraries-for-visualizations
 +
* Processing.js: http://processingjs.org
 +
 +
==== D3 ====
 +
 +
* D3.js: http://www.d3-js.org
 +
* '''D3.js -- How to handle dynamic JSON Data: http://pothibo.com/2013/09/d3-js-how-to-handle-dynamic-json-data/'''<ref>Loading "d3.js" data from a simple JSON string: http://stackoverflow.com/questions/15764698/loading-d3-js-data-from-a-simple-json-string</ref>
 +
* Data manipulation, munging, and processing in JavaScript: http://learnjsdata.com/read_data.html<ref>Load and parse multiple csv files with D3.js: http://stackoverflow.com/questions/30766696/load-and-parse-multiple-csv-files-with-d3-js</ref>
 +
* Over 2000 D3.js DEMOs: http://techslides.com/over-2000-d3-js-examples-and-demos
 +
* Making D3.js Maps from CIA World Factbook data:
 +
* Interactive Data Visualization for the Web (with D3) -- Chapter 12, Geomapping: http://chimera.labs.oreilly.com/books/1230000000345/ch12.html
 +
* D3 -- Simple Chloropleth Maps lib: http://code.minnpost.com/simple-map-d3/
 +
* D3 World Maps -- Tooltips, Zooming, and Queue: http://techslides.com/d3-world-maps-tooltips-zooming-and-queue
 +
* D3 Maps Starter kit: http://techslides.com/d3-map-starter-kit
 +
 +
==== Raphael ====
 +
 +
* Plotting Country Capitals on Raphael World Map: http://techslides.com/plotting-country-capitals-on-raphael-world-map
 +
 +
==== SIM ====
 +
 +
* [[wikipedia: Discrete event simulation]]
 +
* SIM.js - Discrete Event Simulation web library: http://simjs.com/ | [http://simjs.com/simulator.html DOCS]
 +
* Discrete Event Simulation (interactive tutorial): http://simjs.com/queuing/index.html
 +
 +
==== Google Visualization ====
 +
 +
* Google Visualization API: http://code.google.com/apis/visualization/
 +
* Google Public Data Explorer: http://www.google.com/publicdata/directory
 +
* Google Visualization API Gallery: http://code.google.com/apis/visualization/documentation/gallery.html
 +
<ref>Bring Your Own Data - Google Opens Up Visualization API: http://www.readwriteweb.com/archives/google_opens_visualization_api.php</ref>
 +
 +
 +
=== PHP ===
 +
 +
* Opte: http://www.opte.org/
 +
* Tutorial - Graph Visualization: http://www4.wiwiss.fu-berlin.de/bizer/rdfapi/tutorial/visualization_tutorial.htm
 +
* Control Graphviz with PHP: http://www.cems.uwe.ac.uk/~cjwallac/viz/#php
 +
* Google Visualization PHP API: http://code.google.com/p/google-visualization-php-api/ <ref>Google Visualization API now in PHP: http://googlecode.blogspot.com/2008/08/google-visualization-api-now-in-php.html</ref>
 +
 +
 +
=== C++ ===
 +
 +
* GraphViz: http://www.graphviz.org/
 +
 +
 +
=== Flash ===
 +
 +
* Flare: http://flare.prefuse.org/<ref>Flare tutorial: http://flare.prefuse.org/tutorial</ref><ref>Flash Data Visualization Library -- Flare: http://www.webresourcesdepot.com/flash-data-visualization-library-flare/</ref>
 +
 +
 +
==== Flex ====
 +
 +
* Flex data visualization: http://www.adobe.com/devnet/flex/articles/data_visualization.html
 +
 +
 +
=== R ===
 +
 +
* GGobi: http://www.ggobi.org/
 +
* iPlots: http://rosuda.org/iplots/
  
  
Line 114: Line 216:
 
* 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
 +
 +
* Visual Complexity: http://www.visualcomplexity.com/
 +
* visualizing.org: http://www.visualizing.org/
 +
* Data Visualization: http://datavisualization.ch/
 +
* Information Architects: http://www.informationarchitects.jp
 +
* InfoSthetics: http://infosthetics.com/
  
  
Line 160: Line 268:
 
* Visualization of US Government Bailouts: http://hosted.ap.org/specials/interactives/_business/bailout_tracker/index.html?SITE=GENERIC
 
* Visualization of US Government Bailouts: http://hosted.ap.org/specials/interactives/_business/bailout_tracker/index.html?SITE=GENERIC
 
* Analyzing and graphing weather data with wview: http://www.techrepublic.com/blog/opensource/analyzing-and-graphing-weather-data-with-wview/4085
 
* Analyzing and graphing weather data with wview: http://www.techrepublic.com/blog/opensource/analyzing-and-graphing-weather-data-with-wview/4085
 +
 +
* '''Data Visualization''' - Modern Approaches: http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/
 +
* The Best Tools for Visualization: http://www.readwriteweb.com/archives/the_best_tools_for_visualization.php
 +
* A Brief 3D Tour of Classical Music History: http://anonymousprof.com/a-brief-3d-tour-of-classical-music-history/
 +
* Geospatial Visualization project - World Freedom: http://freedom.indiemaps.com/
 +
* Demo -- Stunning data visualization in the AlloSphere: http://www.ted.com/index.php/talks/joann_kuchera_morin_tours_the_allosphere.html
 +
* Infographic -- Olympic Medal Count: http://www.vizworld.com/2010/02/infographic-olympic-medal-count/
  
  
Line 168: Line 283:
 
== See Also ==
 
== See Also ==
  
[[Web 3.0]] | [[Data Visualization]]
+
[[Web 3.0]] | [[Linked Data]] | [[Semantic Web]] | [[Database]]

Revision as of 17:26, 6 October 2016

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

Gephi

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



Data Visualization

Data Visualization is the process of presenting information in an easy to understand, intuitive, typically aesthetically pleasing manner such that relationships between disparate objects and facts can be derived and visually infered.


Projects/Applications

GraphML

Spatial Key

TLG View

TLGView's objective is to enhance the exploration and navigation of data in the cloud. Whether the data is databases, search results, videos, or images - in short, any group of objects that reside somewhere in the internet cloud.

Processing




Tools

Java


JavaScript

D3

Raphael

SIM

Google Visualization

[4]


PHP


C++


Flash


Flex


R


Resources


Tutorials


External Links


References

  1. Twitter - MentionMap: http://apps.asterisq.com/mentionmap/
  2. Loading "d3.js" data from a simple JSON string: http://stackoverflow.com/questions/15764698/loading-d3-js-data-from-a-simple-json-string
  3. Load and parse multiple csv files with D3.js: http://stackoverflow.com/questions/30766696/load-and-parse-multiple-csv-files-with-d3-js
  4. Bring Your Own Data - Google Opens Up Visualization API: http://www.readwriteweb.com/archives/google_opens_visualization_api.php
  5. Google Visualization API now in PHP: http://googlecode.blogspot.com/2008/08/google-visualization-api-now-in-php.html
  6. Flare tutorial: http://flare.prefuse.org/tutorial
  7. Flash Data Visualization Library -- Flare: http://www.webresourcesdepot.com/flash-data-visualization-library-flare/

See Also

Web 3.0 | Linked Data | Semantic Web | Database