Short presentation about data visualization, ways of visualization on a map, some links to great libraries and tools.

1. Data Visualization
Examples and Tutorials
"One Look Is Worth A Thousand
Words“
Piqua Auto Supply House, 1913
German Zargaryan
1

2. Getting started…
• Why data visualization matters?
• Which tool to choose nowadays having all this buzz words around? (“super
fast”, “out of the box”, “simple”, “easy”, etc.)
• Data visualization on a map
• Tools
• Helpful URLs
2

3. Data Visualization
examples
http://visual.ly http://www.evolutionoftheweb.com
http://www.pbs.org/america-revealed
3

4. D3.js (http://d3js.org/)
• Small, free, JavaScript library
• Declarative approach for operating with selections
• Easy to debug
• Transitions gradually interpolate styles and attributes over time
d3.selectAll("circle").transition()
.duration(750)
.delay(function(d, i) { return i * 10; })
.attr("r", function(d) { return Math.sqrt(d * scale); });
------------------------------------------------------------------------------
d3.select("body").selectAll("p")
.data([4, 8, 15, 16, 23, 42])
.enter().append("p")
.text(function(d) { return "I’m number " + d + "!"; });
4

5. Data Visualization on
Map
• Neighborhood maps
• Geo points on a map
• Connection maps
• Heatmaps A color scale is assigned to categorical or
numerical data, and the value for each region is
used to color the region.
• Clustering
U.S. unemployment density by county, as of 2009
http://mbostock.github.com/d3/ex/choropleth.html
5

6. Data Visualization on
Map
• Neighborhood maps
• Geo points on a map
• Connection maps
• Heatmaps Certain graphics is shown for each particular
geo point on the map.
• Clustering Panoramio photos on Nokia Maps
http://api.maps.nokia.com
6

7. Data Visualization on
Map
• Neighborhood maps
• Geo points on a map
• Connection maps
Graphical presentation of connections between
• Heatmaps geo points.
OpenFlights airline routes database as of January 2012
http://openflights.org/data.html
• Clustering
7

8. Data Visualization on
Map
• Neighborhood maps
• Geo points on a map
• Connection maps
• Heatmaps Heatmap generated using earthquakes data
Used KML data from U.S. Geological Survey
http://api.maps.nokia.com
• Clustering
8

9. Data Visualization on
Map
• Neighborhood maps
• Geo points on a map
• Connection maps
• Heatmaps Clustering is the task of assigning a set of
objects into groups/clusters so that the objects
in the same cluster are more “similar”
• Clustering OpenFlights airlports database
http://openflights.org/data.html
9

10. Color Brewer
Tool designed to help people select good color schemes for maps
and other graphics.
http://colorbrewer2.org/
10

11. Some URLs More at http://selection.datavisualization.ch
• Envision.js http://www.humblesoftware.com/envision
Fast, dynamic and interactive time series visualizations
• Processing.js http://processingjs.org/
Digital art, interactive animations, educational graphs
• Raphaël http://raphaeljs.com/
A small library that simplifies working with vector graphics on the web
• MapBox http://mapbox.com/
A web platform for hosting custom designed map tiles and a set of open source
tools to produce them
• Sigma.js http://sigmajs.org/
An open-source lightweight library to display interactively static and dynamic graphs
• D3.js http://d3js.org
An small, flexible and efficient library to create and manipulate interactive
documents based on data.
11

12. Q & A or ?

12