visualization types - introduction to data visualization - libguides at duke university

Upload: marcelo-alves

Post on 05-Jul-2018

214 views

Category:

Documents


0 download

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/