Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Data Visualization

1,262 views

Published on

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

Published in: Education, Technology
  • Be the first to comment

Data Visualization

  1. 1. Data VisualizationExamples and Tutorials "One Look Is Worth A Thousand Words“ Piqua Auto Supply House, 1913German Zargaryan 1
  2. 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. 3. Data Visualizationexamples http://visual.ly http://www.evolutionoftheweb.com http://www.pbs.org/america-revealed 3
  4. 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. 5. Data Visualization onMap• 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. 6. Data Visualization onMap• 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. 7. Data Visualization onMap• 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. 8. Data Visualization onMap• 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. 9. Data Visualization onMap• 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. 10. Color BrewerTool designed to help people select good color schemes for mapsand other graphics.http://colorbrewer2.org/ 10
  11. 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. 12. Q & A or ?  12

×