visualization types - introduction to data visualization - libguides at duke university
TRANSCRIPT
-
8/15/2019 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
1/6
25/4/2014 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
http://guides.library.duke.edu/vis_types 1/6
Admin Sign In
About Data Visualization Visualization Types Designing a Visualization Helpful Tools and Tutorials
Common Static Visualization Types
Th is taxo nomy is based on a data taxonomy from: Shneiderma n, B. (1996). The eyes have it: A task b y data type taxonom y for information visualizations . Proceedings of IEEE Symposium on Visual Langua ges - B oulder, CO (pp. 336-343).
The taxonomy is heavily weighted toward the more abs tract information visualiz ation techniques and is less representative of scientific visualizations, which can be highly sp ecialized by domain and are more difficult to generalize.
(A sl ightly differe nt taxonomy with examples is available at Visual Analytics Digital Library - Visualization Types )
1 D/Lin ear 2D/Planar (incl. Geospatial)3D/VolumetricTemporalnD/MultidimensionalTree/HierarchicalNetwork
1 D/Linear
Examples:
lists of data items, organ ize d by a si ngle feature (e.g., alphabetical order)(not com m only visu alized)
back to top
2D /Plan ar (especially geospatial)
Examples (geos patial):
choropleth
Tools: GeoCommons , Google Fusion Tables , Google Maps API , Polymaps , d3 /Protovis , ManyEyes , Google Charts , Tableau Public , Sci2 , TileMill
Image:Drzyzga, S. (200 9). Prevalence of Foodstamp Us e .CC BY-NC 2.0
cartogramTools: d3 /Protovis (Dorling Cartogram)
Image:Morrison, J. (2008). Cartogram of election res ults bas ed on data from FiveThirtyEight.com. .CC BY-NC 2.0
dot distribution map
Tools: GeoCommons , Google Fusion Tables , Google Maps API , Polymaps , Tableau Public , Sci2 ,TileMill
Image:Chun, B. (2010). Dots in My Neighborhood .CC BY-SA 2.0
proport ional symbol map
Tools: GeoCommons , Google Fusion Tables , Google Maps API , Polymaps , d3 /Protovis , ManyEyes , Tableau Public , Sci2 , TileMill
Image:Hirst, T. (2008). Proportional symbol map .CC BY 2.0
contour/isople th/isarithmic map
Tools: TileMill
Image:
Guide Creator
Angela Zoss
Contact InfoPerkins 226919-684-8186Send Email
Links:Website / BlogProf ile & Guides
Subjects:data visualization , information
visualization , networ k science ,bibliometrics
My Accounts Ask a Librari an
Search & FindUsing the Library
Research S upportCo urs e Suppo rtLibraries
About
Home » Research Support » Re search Guides » Introduction to Data Visualization
Introd uct ion to Data Vis ualizat ionTags: da ta , visualization
This LibGuide collects resources and tutorials related to data visualization. It is a companion to the Introduction to Data Visualization workshop hosted byData & GIS Services in Perkins Library at Duke University.
Last Updated: Feb 25, 2014 URL: http://guides.library.duke.edu/datavis Print Guide RSS Updates
Visualization Types Print Page Search: This Guide ●Search
http://-/?-http://library.duke.edu/data/mailto:[email protected]://-/?-http://-/?-http://www.interactiondesign.us/courses/2011_AD690/PDFs/Shneiderman_1996.pdfhttp://guides.library.duke.edu/content.php?pid=355157&sid=2904817http://guides.library.duke.edu/searchtags.php?iid=150&tag=datahttp://guides.library.duke.edu/searchtags.php?iid=150&tag=visualizationhttp://library.duke.edu/researchhttp://library.duke.edu/research/guideshttp://library.duke.edu/course-supporthttp://library.duke.edu/findhttp://library.duke.edu/http://www.flickr.com/photos/psychemedia/3288951488http://www-958.ibm.com/software/data/cognos/manyeyes/page/World_Map.htmlhttp://www-958.ibm.com/software/data/cognos/manyeyes/https://sci2.cns.iu.edu/http://www.flickr.com/photos/benchun/4375327244http://www.flickr.com/photos/benchun/4375327244http://www.flickr.com/photos/benchun/4375327244http://mapbox.com/tilemill/http://geocommons.com/http://code.google.com/apis/fusiontables/http://code.google.com/apis/maps/index.htmlhttp://polymaps.org/http://www-958.ibm.com/software/data/cognos/manyeyes/http://www-958.ibm.com/software/data/cognos/manyeyes/https://sci2.cns.iu.edu/https://sci2.cns.iu.edu/http://guides.library.duke.edu/print_content.php?pid=355157&sid=2904910http://guides.library.duke.edu/print_content.php?pid=355157&sid=2904910&mode=ghttp://guides.library.duke.edu/searchtags.php?iid=150&tag=visualizationhttp://guides.library.duke.edu/searchtags.php?iid=150&tag=datahttp://library.duke.edu/research/guideshttp://library.duke.edu/researchhttp://library.duke.edu/http://library.duke.edu/abouthttp://library.duke.edu/librarieshttp://library.duke.edu/course-supporthttp://library.duke.edu/researchhttp://library.duke.edu/usinghttp://library.duke.edu/findhttp://library.duke.edu/http://library.duke.edu/research/askhttp://library.duke.edu/my-accountshttp://guides.library.duke.edu/cat.php?search_cat=bibliometrics&mode=profile_searchhttp://guides.library.duke.edu/cat.php?search_cat=network+science&mode=profile_searchhttp://guides.library.duke.edu/cat.php?search_cat=information+visualization&mode=profile_searchhttp://guides.library.duke.edu/cat.php?search_cat=data+visualization&mode=profile_searchhttp://guides.library.duke.edu/profile.php?uid=62927http://library.duke.edu/data/mailto:[email protected]://guides.library.duke.edu/profile.php?uid=62927http://mapbox.com/tilemill/http://en.wikipedia.org/wiki/Contour_linehttp://www.flickr.com/photos/psychemedia/3288951488http://mapbox.com/tilemill/https://sci2.cns.iu.edu/http://www-958.ibm.com/software/data/cognos/manyeyes/http://www-958.ibm.com/software/data/cognos/manyeyes/page/World_Map.htmlhttp://mbostock.github.com/protovis/ex/symbol.htmlhttp://d3js.org/http://polymaps.org/http://code.google.com/apis/maps/index.htmlhttp://code.google.com/apis/fusiontables/http://geocommons.com/http://en.wikipedia.org/wiki/Thematic_map#Proportional_symbolhttp://www.flickr.com/photos/benchun/4375327244http://mapbox.com/tilemill/https://sci2.cns.iu.edu/http://www-958.ibm.com/software/data/cognos/manyeyes/http://polymaps.org/http://code.google.com/apis/maps/index.htmlhttp://code.google.com/apis/fusiontables/http://geocommons.com/http://en.wikipedia.org/wiki/Dot_distribution_maphttp://www.flickr.com/photos/jason-morrison/2998016737http://mbostock.github.com/protovis/ex/cartogram.htmlhttp://d3js.org/http://en.wikipedia.org/wiki/Cartogramhttp://www.flickr.com/people/sadrzy/http://mapbox.com/tilemill/https://sci2.cns.iu.edu/http://www-958.ibm.com/software/data/cognos/manyeyes/https://developers.google.com/chart/http://www-958.ibm.com/software/data/cognos/manyeyes/page/World_Map.htmlhttp://mbostock.github.com/protovis/ex/choropleth.htmlhttp://d3js.org/http://polymaps.org/http://code.google.com/apis/maps/index.htmlhttp://code.google.com/apis/fusiontables/http://geocommons.com/http://en.wikipedia.org/wiki/Choroplethhttp://-/?-http://-/?-http://-/?-http://-/?-http://-/?-http://-/?-http://-/?-http://-/?-http://vadl.cc.gatech.edu/taxonomy/cat.php?cat=40http://www.interactiondesign.us/courses/2011_AD690/PDFs/Shneiderman_1996.pdfhttp://guides.library.duke.edu/content.php?pid=355157&sid=2976256http://guides.library.duke.edu/content.php?pid=355157&sid=2990570http://guides.library.duke.edu/vis_typeshttp://guides.library.duke.edu/content.php?pid=355157&sid=2904817https://libguides.com/login.php?iid=150&target=%2Faecontent.php%3Fpid%3D355157%26sid%3D2904910
-
8/15/2019 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
2/6
25/4/2014 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
http://guides.library.duke.edu/vis_types 2/6
Seattle Municipal Archives. (2008/1938). Green Lake depth contour map .CC BY 2.0
dasymetric map
Tools:
Image:Cathey, H. M. (1990). USDA Hardines s Zones in North America .
Public Domain
Examples (artificial planes ):
self-organizing map
Tools: Synapse , Matlab
Examples: Last.fm , In Terms of Geography
Image created in Matlab from sample data set .
back to top
3D/Volumetric
Broadly, examples of scientific visualization :
3D computer modelssurface and volume renderingcomputer simulations
back to top
Temporal
See also:
Wills, G. (2012). Visualizing Time . New York: Springer.
Examples:
timeline
Tools: SIMILE Timeline , TimeFlow , Timeline JS , Excel
Image:Friendly, M. & Denis, D. J. (2001). Milestones in the h istory of thematic cartography, statistical graph ics, and data visualization.Web document, http://www.datavis.ca/milestones/ . Access ed: August 30, 2012.
time ser ies
Tools: mos t statistical and charting software, R ( A Little Book of R for Time Series ), Timeplot ,TimeSearcher , Google Charts , Tableau Public , Google Fusion Tables
Image:Copley, Z. (2012). Annual Mean Tempe rature Cha rts .CC BY-SA 2.0
connected scatter plot
Tools: Protovis , JMP, Excel (order data by time, add "Line" to data se ries i n s catter plot)
Examples: Driving Shifts into Reverse , Driving Safety, in Fits and Starts
Image created in Excel with data from Anscom be's q uartet .
Gantt chart
Tools: Excel
Image created in Excel with random ized data.
stream graph /ThemeRiver
Tools: original Java code , Data Wrapper , d3 /Protovis , HTML5/JavaScript , Python , Excel
Examples: The Ebb and Flow of Movies
Image created by code in d3 "examples /stream/" directory.
arc diagram(e.g., Thread Arcs , Shape of Song )
Tools: Protovis
Image created by sam ple Protovis code .
polar area /rose /circumplex chart
http://en.wikipedia.org/wiki/Pie_chart#Polar_area_diagramhttp://mbostock.github.com/protovis/ex/arc.htmlhttp://bewitched.com/song.htmlhttp://www.research.ibm.com/remail/threadarcs.htmlhttp://www.watson.ibm.com/cambridge/Technical_Reports/2002/TR2002-11.pdfhttp://d3js.org/http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.htmlhttp://www.excelhero.com/blog/2010/04/excel-streamgraph.htmlhttp://mechanicalintegrator.com/2010/drawing-stream-graphs/http://web.student.tuwien.ac.at/~e0725639/streamgraph/streamgraph.htmlhttp://mbostock.github.com/protovis/ex/stream.htmlhttp://d3js.org/http://datawrapper.de/https://github.com/leebyron/streamgraph_generatorhttp://doi.ieeecomputersociety.org/10.1109/2945.981848http://en.wikipedia.org/wiki/Stream_graphhttp://en.wikipedia.org/wiki/Gantt_charthttp://en.wikipedia.org/wiki/Anscombe%27s_quartethttp://www.nytimes.com/interactive/2012/09/17/science/driving-safety-in-fits-and-starts.htmlhttp://www.nytimes.com/imagepages/2010/05/02/business/02metrics.htmlhttp://mbostock.github.com/protovis/ex/driving.htmlhttp://www.flickr.com/photos/zcopley/7513082668http://code.google.com/apis/fusiontables/http://www-958.ibm.com/software/data/cognos/manyeyes/https://developers.google.com/chart/http://www.cs.umd.edu/hcil/timesearcher/http://www.simile-widgets.org/timeplot/http://a-little-book-of-r-for-time-series.readthedocs.org/en/latest/index.htmlhttp://en.wikipedia.org/wiki/Time_serieshttp://www.datavis.ca/milestones/http://www.vertex42.com/ExcelArticles/create-a-timeline.htmlhttp://timeline.verite.co/https://github.com/FlowingMedia/TimeFlow/wiki/http://www.simile-widgets.org/timeline/http://en.wikipedia.org/wiki/Timelinehttp://www.springerlink.com/content/978-0-387-77906-5/contents/http://-/?-http://en.wikipedia.org/wiki/Scientific_visualization#Computer_simulationhttp://en.wikipedia.org/wiki/Scientific_visualization#Volume_renderinghttp://en.wikipedia.org/wiki/Scientific_visualization#Surface_renderinghttp://en.wikipedia.org/wiki/3D_modellinghttp://en.wikipedia.org/wiki/Scientific_visualizationhttp://-/?-http://www.mathworks.com/help/toolbox/nnet/ug/bss4b_l-1.html#bss4b_l-11http://scimaps.org/maps/map/in_terms_of_geograph_92/http://iiidaward.net/index.php?pg=4&ab=&awardpage=319&suchekat=&suchename=Michael&suchetext=&PHPSESSID=88ca79f0a5fca0fa5a2e0fd382c0cda3http://www.mathworks.com/products/matlab/http://www.peltarion.com/products/synapse/http://en.wikipedia.org/wiki/Self-organizing_maphttp://en.wikipedia.org/wiki/File:USDA_Hardiness_zone_map.jpghttp://en.wikipedia.org/wiki/Thematic_map#Dasymetrichttp://www.flickr.com/photos/seattlemunicipalarchives/2982496988
-
8/15/2019 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
3/6
25/4/2014 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
http://guides.library.duke.edu/vis_types 3/6
Tools: Protovis , Excel
Image included in sample Excel spreadsheet .
sankey diagram
Tools: JavaScript , d3 plugin
Image:LHOON. (2006). Sankey diagram of thermodynamic steam cycle .CC BY-SA 3.0
alluvial diagram
Tools: Alluvial Generator
Image:Rosvall, M., & Bergstrom, C. T. (2010). Mapping change in large networks . PLoS ONE, 5 (1), e8694.CC BY 2.5
back to top
nD/Multidimensional
Examples (category proportions, counts):
pie chart
Tools: mos t statistical and charting software, Many Eyes , Google Charts , Tableau Public , GoogleFusion Tables
Image created in Excel with random ized data.
histogram
Tools: mos t statistical and charting software, Protovis , Many Eyes
Image:Pyrsmis . (2008). Black cherry tree histogram .CC BY-SA 3.0
Wordle , tag cloud
Tools: Wordle , Many Eyes , d3
Image:Pyrsmis . (2011). Word cloud compa rison of two State of the Union speeche s by two U.S.presidents .CC BY-SA 3.0
unordered bubble chart/bubble cloud
Tools: Many Eyes , d3 /Protovis
Tutorial: Vallandingham , J. (2012). Building a bubble cloud .
Image created by code in d3 "examples /bubble/" directory.
bar chart, radial bar chart
Tools: mos t statistical and charting software, Many Eyes , Google Charts , Tableau Public , HighCharts , Google Fusion Tables
Image created in Excel with data from Anscom be's q uartet .
tree map
Tools: d3 /Protovis , Many Eyes , Google Charts , Network Workbench /Sci2
Image created by code in d3 "examples /treemap/" directory.
Examples (relationships between variables):
scatter plot
Tools: mos t statistical and charting software, Many Eyes , Google Charts , Tableau Public , Google Fusion Tables
Image created in Excel with data from Anscom be's q uartet .
http://en.wikipedia.org/wiki/Anscombe%27s_quartethttp://code.google.com/apis/fusiontables/http://www-958.ibm.com/software/data/cognos/manyeyes/https://developers.google.com/chart/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Scatterplot.htmlhttp://en.wikipedia.org/wiki/Scatter_plothttp://d3js.org/https://sci2.cns.iu.edu/http://nwb.cns.iu.edu/https://developers.google.com/chart/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Treemap.htmlhttp://mbostock.github.com/protovis/ex/treemap.htmlhttp://d3js.org/http://en.wikipedia.org/wiki/Tree_maphttp://en.wikipedia.org/wiki/Anscombe%27s_quartethttp://code.google.com/apis/fusiontables/http://www.highcharts.com/products/highchartshttp://www-958.ibm.com/software/data/cognos/manyeyes/https://developers.google.com/chart/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Bar_Chart.htmlhttp://d3js.org/http://vallandingham.me/building_a_bubble_cloud.htmlhttp://mbostock.github.com/protovis/ex/bubble.htmlhttp://d3js.org/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Bubble_Chart.htmlhttp://commons.wikimedia.org/wiki/File:State_of_the_union_word_clouds.pnghttps://github.com/jasondavies/d3-cloudhttp://www-958.ibm.com/software/data/cognos/manyeyes/page/Word_Cloud_Generator.htmlhttp://www.wordle.net/http://en.wikipedia.org/wiki/Tag_cloudhttp://www.wordle.net/http://commons.wikimedia.org/wiki/File:Black_cherry_tree_histogram.svghttp://www-958.ibm.com/software/data/cognos/manyeyes/page/Block_Histogram.htmlhttp://mbostock.github.com/protovis/ex/histogram.htmlhttp://en.wikipedia.org/wiki/Histogramhttp://code.google.com/apis/fusiontables/http://www-958.ibm.com/software/data/cognos/manyeyes/https://developers.google.com/chart/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Pie_Chart.htmlhttp://en.wikipedia.org/wiki/Pie_charthttp://-/?-http://guides.library.duke.edu/dx.doi.org./10.1371/journal.pone.0008694http://www.mapequation.org/alluvialgenerator/index.htmlhttp://en.wikipedia.org/wiki/Alluvial_diagramhttp://commons.wikimedia.org/wiki/File:Sankeysteam.pnghttps://github.com/d3/d3-plugins/tree/master/sankeyhttp://tamc.github.com/Sankey/http://en.wikipedia.org/wiki/Sankey_diagramhttp://www.excelcharts.com/blog/the-consultants-chart-revisited/http://www.excelcharts.com/blog/the-consultants-chart-revisited/http://mbostock.github.com/protovis/ex/crimea-rose.html
-
8/15/2019 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
4/6
25/4/2014 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
http://guides.library.duke.edu/vis_types 4/6
bubble chart
Tools: Excel, d3 , Gapminder, Google Charts , Tableau Public
Image:Jung, J. (2009). Bubble Chart White .
CC BY-NC-SA 2.0
line chart
Tools: mos t statistical and charting software, Many Eyes , Google Charts , Tableau Public , GoogleFusion Tables
Tips: Aisch, G. (2012). Doing the line charts right .
Image:Copley, Z. (2012). Annual Mean Tempe rature Cha rts .CC BY-SA 2.0
step chart
Tools: mos t statistical and charting software, R , Excel , Protovis , Google Charts
Image:Weld, W. E. (1959). How To Ch art: Facts From Figures With Graphs . Norwoo d, MA: Codex BookCompany, Inc.CC-BY-SA-3.0
area chart /stacke d graph
Tools: mos t statistical and charting software, Protovis , Many Eyes , Google Charts , Google FusionTables
Image:Grape City, Inc. (2009). Spread 5 for Windows Forms .CC BY-SA 2.0
heat map
Tools: Excel (conditional formatting), d3 (calendar), Protovis
Image created in Excel with data from Anscom be's q uartet .
parallel coordinates /parallel sets
Tools: d3 /Protovis
Image created by code in d3 "examples /parallel/" directory.
radar/spider chart
Tools: Excel
Image:Jung, J. (2008). Radar Chart A White .CC BY-NC-SA 2.0
box and whisker plot /candle stick chart
Tools: mos t statistical and charting software, Protovis , Google Charts
Image:Schutz. (2006). Boxplot representing Michelson a nd Morley's data on the s peed of light .Public Domain
mosaic display /Marimekko chart
Tools: d3
Image created by code in d3 "examples /marimekko/" directory.
waterfall chart
Tools: Excel
Image:Hjohar. (2009). Example of waterfall chart .Public Domain
http://commons.wikimedia.org/wiki/File:Waterfallchart_ex2.jpghttp://en.wikipedia.org/wiki/Waterfall_charthttp://d3js.org/http://d3js.org/http://en.wikipedia.org/wiki/Marimekko#Marimekko_charthttp://euclid.psych.yorku.ca/cgi/mosaicshttp://commons.wikimedia.org/wiki/File:Michelsonmorley-boxplot.svghttps://developers.google.com/chart/http://mbostock.github.com/protovis/ex/box-and-whisker.htmlhttp://en.wikipedia.org/wiki/Box_plothttp://www.flickr.com/photos/phploveme/2807839928http://en.wikipedia.org/wiki/Radar_charthttp://d3js.org/http://mbostock.github.com/protovis/ex/cars.htmlhttp://d3js.org/http://eagereyes.org/parallel-setshttp://en.wikipedia.org/wiki/Parallel_coordinateshttp://en.wikipedia.org/wiki/Anscombe%27s_quartethttp://mbostock.github.com/protovis/ex/nba.htmlhttp://d3js.org/http://en.wikipedia.org/wiki/Heat_maphttp://www.flickr.com/photos/grapecity/4190941012http://code.google.com/apis/fusiontables/https://developers.google.com/chart/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Stack_Graph.htmlhttp://mbostock.github.com/protovis/ex/jobs.htmlhttp://en.wikipedia.org/wiki/Area_charthttp://www.reanimationlibrary.org/catalog/items/101170https://developers.google.com/chart/http://mbostock.github.com/protovis/ex/line.htmlhttp://peltiertech.com/WordPress/line-chart-vs-step-chart/http://chartsgraphs.wordpress.com/2008/11/11/step-charts-r-is-easier-than-excel/http://www.flickr.com/photos/zcopley/7513082668http://vis4.net/blog/posts/doing-the-line-charts-right/http://code.google.com/apis/fusiontables/http://www-958.ibm.com/software/data/cognos/manyeyes/https://developers.google.com/chart/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Line_Graph.htmlhttp://en.wikipedia.org/wiki/Line_charthttp://www.flickr.com/photos/phploveme/3401913244http://www-958.ibm.com/software/data/cognos/manyeyes/https://developers.google.com/chart/http://d3js.org/http://en.wikipedia.org/wiki/Bubble_chart
-
8/15/2019 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
5/6
25/4/2014 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
http://guides.library.duke.edu/vis_types 5/6
tabular comparison of charts (e.g., pairs plots)
Tools: R, Protovis , Many Eyes , Tableau Public
small multiples
Tools: manual juxtaposition of charts from statistical and charting s oftware, Tableau Public
back to top
Tree/Hierarchical
Examples:
general tre e visualization
Tools: d3 , Google Charts , Network Workbench /Sci2
Image:Jung, J. (2008). 3-18 Issu e Tree White .CC BY-NC-SA 2.0
dendrogram
Tools: Protovis
Image created by sam ple Protovis code .
radial treeTools: d3 /Protovis , Network Workbench /Sci2
Image created by sam ple Protovis code .
hyperbolic tre e
Tools: d3
Image created by code in d3 "examples /cluster/" directory.
tree map
Tools: d3 /Protovis , Many Eyes , Google Charts , Network Workbench /Sci2
Image created by code in d3 "examples /treemap/" directory.
wedge stack graph (radial hierarchy) /sunburst
Tools: d3 /Protovis
Image created by code in d3 "examples/partition/" directory.
icicle/partition chart
Tools: d3 /Protovis
Image created by code in d3 "examples/partition/" directory.
back to top
Network
Examples:
matrix
Tools: d3 /Protovis
Image created by sam ple Protovis code .
node- link diagram (link-based layout algorithm)
http://mbostock.github.com/protovis/ex/matrix.htmlhttp://mbostock.github.com/protovis/ex/matrix.htmlhttp://d3js.org/http://-/?-http://d3js.org/http://mbostock.github.com/protovis/ex/icicle.htmlhttp://d3js.org/http://d3js.org/http://mbostock.github.com/protovis/ex/sunburst.htmlhttp://d3js.org/http://en.wikipedia.org/wiki/Pie_chart#Ring_chart_.2F_Multilevel_pie_charthttp://d3js.org/https://sci2.cns.iu.edu/http://nwb.cns.iu.edu/https://developers.google.com/chart/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Treemap.htmlhttp://mbostock.github.com/protovis/ex/treemap.htmlhttp://d3js.org/http://en.wikipedia.org/wiki/Tree_maphttp://d3js.org/http://d3js.org/http://en.wikipedia.org/wiki/Hyperbolic_treehttp://mbostock.github.com/protovis/ex/tree.htmlhttps://sci2.cns.iu.edu/http://nwb.cns.iu.edu/http://mbostock.github.com/protovis/ex/tree.htmlhttp://d3js.org/http://en.wikipedia.org/wiki/Radial_treehttp://mbostock.github.com/protovis/ex/dendrogram.htmlhttp://mbostock.github.com/protovis/ex/dendrogram.htmlhttp://en.wikipedia.org/wiki/Dendrogramhttp://www.flickr.com/photos/phploveme/2769634497https://sci2.cns.iu.edu/http://nwb.cns.iu.edu/https://developers.google.com/chart/http://d3js.org/http://-/?-http://www-958.ibm.com/software/data/cognos/manyeyes/http://en.wikipedia.org/wiki/Small_multiplehttp://www-958.ibm.com/software/data/cognos/manyeyes/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Matrix_Chart.htmlhttp://mbostock.github.com/protovis/docs/splom.html
-
8/15/2019 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
6/6
25/4/2014 Visualization Types - Introduction to Data Visualization - LibGuides at Duke University
http://guides.library.duke.edu/vis_types 6/6
Tools: Pajek , Gephi , NodeXL , VOSviewer , UCINET , GUESS , Network Workbench /Sci2 , sigma.js ,d3 /Protovis , Many Eyes , Google Fusion Tables
Image created by sam ple Protovis code .
depende ncy graph/circular hierarchy
Tools: d3 , Network Workbench /Sci2
Image created by code in d3 "examples /bundle/" directory.
hive plot
Tools: d3
Image created by code in d3 "examples/hive/" directory.
alluvial diagram
Tools: Alluvial Generator
Image:Rosvall, M., & Bergstrom, C. T. (2010). Mapping change in large networks . PLoS ONE, 5 (1), e8694.CC BY 2.5
subway/tube map
Tools: Subway map jQuery plugin
Image:Jung, J. (2008). Yahoo YDN Metro Map White .CC BY-NC-SA 2.0
back to top
Powered by Springshare ; All rights reserved. Report a tech support issue .View this page in a fo rmat suitable for printers an d s creen-readers or mobile devices .
Contact Us411 Chapel DriveDurham, NC 27708
(919) 660-5870Perkins Library Service Desk
Services for...
Faculty & Instructors
Graduate StudentsUndergraduate StudentsInternational Students
Alumni
DonorsVisitorsPatrons with Disabilities
Re-use & Attribution / PrivacySupport the Libraries
http://duke.edu/http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_UShttp://library.duke.edu/supporthttp://library.duke.edu/about/privacyhttp://library.duke.edu/about/reuse-attributionhttp://blogs.library.duke.edu/http://www.pinterest.com/dukelibraries/http://www.flickr.com/photos/dukeunivlibraries/http://www.youtube.com/user/DukeUnivLibrarieshttps://www.facebook.com/dukelibrarieshttps://twitter.com/DukeLibrarieshttp://library.duke.edu/services/disabilitieshttp://library.duke.edu/services/visitorshttp://library.duke.edu/services/donorshttp://library.duke.edu/services/alumnihttp://library.duke.edu/services/internationalhttp://library.duke.edu/services/undergraduatehttp://library.duke.edu/services/graduatehttp://library.duke.edu/services/facultyhttp://library.duke.edu/serviceshttp://library.duke.edu/about/contacthttp://library.duke.edu/http://guides.library.duke.edu/content_mobile.php?pid=355157&sid=2904910http://guides.library.duke.edu/print_content.php?pid=355157&sid=2904910http://guides.library.duke.edu/support.phphttp://www.springshare.com/http://-/?-http://www.flickr.com/photos/phploveme/2957594315http://www.kalyani.com/2010/10/subway-map-visualization-jquery-plugin/http://guides.library.duke.edu/dx.doi.org./10.1371/journal.pone.0008694http://www.mapequation.org/alluvialgenerator/index.htmlhttp://en.wikipedia.org/wiki/Alluvial_diagramhttp://d3js.org/http://d3js.org/http://d3js.org/https://sci2.cns.iu.edu/http://nwb.cns.iu.edu/http://d3js.org/http://mbostock.github.com/protovis/ex/force.htmlhttp://code.google.com/apis/fusiontables/http://www-958.ibm.com/software/data/cognos/manyeyes/page/Network_Diagram.htmlhttp://mbostock.github.com/protovis/ex/force.htmlhttp://d3js.org/http://sigmajs.org/https://sci2.cns.iu.edu/http://nwb.cns.iu.edu/http://graphexploration.cond.org/https://sites.google.com/site/ucinetsoftware/homehttp://www.vosviewer.com/http://nodexl.codeplex.com/http://gephi.org/http://vlado.fmf.uni-lj.si/pub/networks/pajek/