From CMSC734 Spring 2015
Jump to: navigation, search

New 2015

Video Introduction to D3.js

Miriah Meyer shows how interactive InfoVis leads to Scientific Discoveries, well-presented TEDxWaterloo 2011

Microsoft HoloLens

Helpful Background/Primers: See Nature Methods Data visualization: A view of every Points of View column (“We’ve organized all the Points of View columns on data visualization published in Nature Methods and provide this as a guide to accessing this trove of practical advice on visualizing scientific data.”) Scroll down, down, down, down the page for extensive list of visualization articles.

New York Times Interactive 3-D Yield Curve

Plamondon, Louis-Thomas, Look at This: A Guide to Interactive Information Visualizations UX Magazine

A survey of text visualization techniques: Paper

DJ Patil at Strata2015

Jeff Heer at Strata2015

New 2014

FlowingData's Best of 2014

NY Times 2014 list

NY Times 2014 Opinion list

Visualization Blog:

Chiasson, Trina, Gregory, Dyanna and others, Data + Design: A simple introduction to preparing and visualizing information, Infoactive (2014).

Lima, Manuel, The Book of Trees: Visualizing Branches of Knowledge, Princeton Architectural Press, New York (2014).

Borner, Katy and Polley, David E., Visual Insights: A Practical Guide to Making Sense of Data, MIT Press, Cambridge, MA (2014).

Murray, Scott, Interactive Data Visualization for the Web, O'Reilly Media (2013). Amazon


Design and the Elastic Mind - MoMA

Talk to Me - MoMA

Data Art - BBC

Treemap Art Project


Data Visualization Blog, Andrei Pandre

InfoVis-Wiki, The Information Visualization Community Resource

Fell in Love with Data, Enrico Bertini

FlowingData, Nathan Yau

Infosthetics (information aesthetics) - Where form follows data, Andrew Vande Moere

PolicyViz Jon Schwabish

Visualizing - A community of creative people working to make sense of complex issues through data and design

Visualizing Data, Andy Kirk

Visualizing Economics Catherine Mulbrandon

Visual Insights Stella Lau Gallery and Tools

Good InfoGraphics - a unified resource space for anyone interested in the visualization of complex networks, Manuel Lima (a list of noteworthy visualizations from many domains)

Information is Beautiful - A blog on "Ideas, issues, knowledge, data - visualized", by David McCandless

PerceptualEdge, Excellent, thoughtful, in-depth articles by Stephen Few

Info Vis Reports - Interviews, Essays, by John C. Dürsteler

Info Vis Resources (Not a blog, Other)

New York Data Visualization and Infographics - Meetup

World Water Day Visualization Challenge

Mozilla Open Data Visualization Competition

‘Visualisations in the wild’ contest: The winner!

Cool Infographics has links to more blogs & websites

Visualize This: TV’s top earners One version: Treemap in Spotfire

Online Interactive Visualizations and Tools


ManyEyes - IBM Shared Visualization

Google Ngram Viewer " Type in a word or phrase in one of seven languages (English, French, German, Spanish, Hebrew, Russian, Chinese) and see how its usage frequency has been changing throughout the past few centuries.", made by Google research group Culturomics.

Wordle - Tag cloud generator, with many typographical and design varieties

University of Virginia's Center for Digital History - visualization authoring system called VisualEyes ( that makes it easy to create highly interactive web-based visualizations. See video demo:

List of Tools (Benjamin Wiederkehr)


Examples of Web visualizations for general users: Viz4all 2006 and 2005

Fedex interactive global data experience project

Washington Post: POTUS (President of the US) Tracker} as a treemap. Users can see the number of meetings on different issues since the start of the Obama administration. Clicking on a box produces a full list of the meetings. And here’s the blog post about how they did the Flash/Flare implementation:

Visual Survey of Tree Visualizations - a thoughtful taxonomy of tree structures (Poster)

A Periodic Table of Visualization Methods - a playful idea, but not a rigorous framework (Single vis)

Charles Booth Online Archive (London poverty maps)

Washington Post: TimeSpace: World TimeSpace is an interactive map that allows you to navigate articles, photos, video and commentary from around the globe.

Hive Group treemap of Obama FY2012 budget

OECD Regional Statistics

Stanford PhD dissertation browser

Edward Segal's list of journalistic visualizations

New York Times


Hans Rosling's Wonderful talks:

Joy of Stats, Open University

Ben Shneiderman's videos:

15 Views of a Node Link Graph: An Information Visualization Portfolio - by Tamara Munzer, Google Tech Talk

Voyagers and Voyeurs: Supporting Collaborative Information Visualization, Jeff Heer

Data Sources

Google Public Data

Official boundaries of the United States, such as states, counties, etc

Link to more free shapefile maps

Pete Warden, Data Source Handbook, O'Reilly Media

Congressional Data Index

NY Times Congressional Data

Data Sources for Social Scientists

Statical information shared by European Union

  • Themes include economy, trade, environment, energy, population, agriculture, transport, science & technology, etc

GapMinder data

Information visualization applications from HCIL

TimeSearcher —

Hierarchical Clustering Explorer (HCE) —


Spacetree —

Treemap —

TreeVersity -

Temporal Event Sequences

Patternfinder -

Lifelines 2 —

Similan -

LifeFlow -

EventFlow -

Network Analysis

NetLens -

SocialAction —

NetVis by Semantic Substrate —

NodeXL Software & Papers —

NodeXL Graph Gallery -

NodeXL Teaching Resources

Programming Tools

D3 Resources

D3.js is a small, free JavaScript library for manipulating documents based on data. This is the hot open source tool that does excellent animations and interaction.

d3 tutorial presented in VizWeek2012 by Bostock and Heer

John Guerra's "Why to use D3" presentation

Crockford on Javascript Video Series

Showcase of D3 options

Nice Mike Bostock's Workshops on D3

Another Workshop on D3 (check for Enter, Update, Exit)

Xmdv Tool - WPI (Matt Ward)

Flare Data Visualization for the Web Nice animations, but this platform is less in fashion.

Weave, from UMass-Lowell, Open Source web-based visualization platform

Google Visualization API Gallery

Google has opened up their data visualizer to the public and created a new standard format for datasets.

InfoVis CyberInfrastructure - Indiana Univ (Katy Borner)

Network Workbench (NWB) Tool - Indiana Univ (Katy Borner)

InfoVis Toolkit - INRIA (Jean-Daniel Fekete)

JavaScript InfoVis Toolkit

Piccolo Toolkit (2D Zooming) - Univ of Maryland (Ben Bederson)

  • A Structured 2D Graphics Framework, new home page
  • Languages: Java and C#
  • Features: zooming, animation and multiple representations

Processing (Ben Fry and Casey Reas, formerly MIT Media Lab members)

  • Open source programming language and integrated development environment (IDE).
  • "For the electronic arts and visual design communities with the purpose of teaching the basics of computer programming in a visual context, and to serve as the foundation for electronic sketchbooks."
  • Processing.js "makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. You write code using the Processing language, include it in your web page, and Processing.js does the rest."
  • Exhibitions (samples) : 1 2

Prefuse Info Visualization Toolkit - Stanford Univ (Jeff Heer)

Protovis Graphical Toolkit for Visualization - Stanford Univ (Jeff Heer)

  • Uses JavaScript and SVG for web-native visualizations (no plugin required)
  • "Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction."
  • Usage: Program & define your data in javascript, the libraries render method generates an svg file. Modern web browsers directly visualize the result.
    • Tip (for extending the libraries use to any computing environment/language, not tested)
      • Use a javascript engine (ex google's v8) to execute protovis javascript and generate svg diagram
      • Convert svg to a raster file format (ex: use imagemagick command line)
      • Load raster file and display the result in your application platform
  • Samples : 1
  • Publication : 1

Source version control systems




Source forge:


Collaboration tools



Mendeley (references manager):

Zotero (references manager):

Information visualization resources

Human-Computer Interaction Lab (HCIL) —

Info Vis Journals & Conferences —

Open Directory: Information Visualization —

Online Library of Info Vis Environments (1997) —

ATT Info Vis —

Pacific Northwest National Labs, Information Visualization —

Visual Analytics Community —

Chaomei Chen’s Home page —

Information Visualization Journal —

Newsmap (Weskamp) —

Hearst’s Berkeley InfoVis (2000) —

Dodge’s Cyberspace Atlas —

Friendly’s Gallery of Data Visualization —

John Goodall’s Resources —

Munzner’s Information Visualization Class Page —

ILOG Discovery —

HCIL Products —

CMU StatLib —

National Center for Health Statistics —

SPIE Visual Data Analysis —

PNAS Mapping Knowledge Domains —

IEEE Info Vis 2004 —

IEEE Info Vis Contest 2004 —

Int’l Conf. on Info Vis—

VizTree download

Thinkmap Visual Thesaurus -

Wikipedia Resources

Information visualization -

Social network analysis -

Social network analysis software -

Treemapping -

Commercial tools


Corda CenterView

DataDescription Inc. DataDesk

HiveGroup Honeycomb (Treemap), --Now--> Visual Action

I2 Investigative Analysis --Now--> I2& CoLink



Inxight (hyperbolic trees) --Now--> SAP Business Objects (startrees, Xcelsius Dashboards)



MicroStrategy Desktop Analytics

Netviz --Now--> CA netViz

Palantir Government & Finance


Qlikview (from Qliktech)


SAS Visual Analytics overview

SAS JMP -Visual Discovery



Tableau Software Training: Guide:


Visual Analytics

Information Visualization Journals

International Journal of Human Computer Interaction

Visualization and Data Analysis

IEEE Transactions on Visualization and Computer Graphics

Book bibliography

Aigner, W., Miksch, W., Schumann, H., and Tominski, C., Visualization of Time-Oriented Data, Springer (2011).

Bederson, B. and Shneiderman, B., The Craft of Information Visualization: Readings and Reflections, Morgan Kaufmann Publ., San Francisco, CA (2003).

Borner, Katy, Atlas of Science: Visualizing What We Know, MIT Press, Cambridge, MA (2011).

Borner, Katy, Atlas of Knowledge: Anyone Can Map, MIT Press, Cambridge, MA (2015).

Borner, Katy and Chen, Chaomei, Visual Interfaces to Digital Libraries, Springer Verlag (2002).

Borner, Katy and Polley, David E., Visual Insights: A Practical Guide to Making Sense of Data, MIT Press, Cambridge, MA (2014).

Card, S., Mackinlay, J., and Shneiderman, B., Readings in Information Visualization: Using Vision to Think, Morgan Kaufmann Publ., San Francisco, CA (1999). HCIL Description

Cairo, Alberto, The Functional Art: An Introduction to Information Graphics and Visualization, New Riders (2012).

Chen, Chaomei, Information Visualisation and Virtual Environments, Springer Verlag, Berlin (1999).

Chen, Chaomei, Mapping Scientific Frontiers: The Quest for Knowledge Visualisation, Springer Verlag (2003).

Chen, Chaomei, Information Visualization: Beyond the Horizon, Springer Verlag (2004).

Fayyad, Usama, Grinstein, Georges and Wierse, Andreas, Information Visualization in Data Mining and Knowledge Discovery, Morgan Kaufmann Publ., San Francisco, CA (2001).

Ferster, Bill, Interactive Visualization: Insight through Inquiry, MIT Press (2013)

Few, Stephen, Information Dashboard Design: The Effective Visual Communication of Data, O'Reilly Media, Sebastopol, CA (2006).

Few, Stephen, Now You See It: Simple Visualization Techniques for Quantitative Analysis, Analytics Press (2009).

Few, Stephen, Show Me the Numbers: Designing Tables and Graphs to Enlighten: 2nd Edition, Analytics Press (2012).

Few, Stephen, Signal: Understanding Matters in a World of Noise, Analytics Press (2015).

Fry, Ben, Visualizing Data: Exploring and Explaining Data with the Processing Environment, O'Reilly Media, Sebastopol, CA (2008).

Golbeck, Jennifer, Analyzing the Social Web, Morgan Kaufmann, Waltham, MA (2013).

Hansen, M., Shneiderman, B, and Smith, M. A., Analyzing Social Media Networks with NodeXL: Insights from a Connected World, Morgan Kaufmann Publishers (2011).

Inselberg, Alfred, Parallel Coordinates: Visual Multidimensional Geometry and Its Applications, Springer, New York (2009).

Keim, D., Kohlhammer, J., Ellis, G., and Mansmann, G. (Editors), Mastering the Information Age: Solving Problems with Visual Analytics, Eurographics Association, Goslar, Germany (2010).

Kerren, Andreas, Stasko, John T., Fekete, Jean-Daniel, and North, Chris, Information Visualization – Human-Centered Issues and Perspectives. Volume 4950 of LNCS State-of-the-Art Survey, Springer (2008).

Kirk, Andy, Data Visualization: A Successful Design Process, Packt Publishing, Birmingham, UK (2012).

Knaflic, Cole Nussbaumer, Storytelling with Data: A Data Visualization Guide for Professionals, Wiley (2015).

Lankow, J., Ritchie, J., and Crooks, R., Infographics: The Power of Visual Storytelling, Wiley (2012).

Lima, Manuel, Visual Complexity: Mapping Patterns of Information, Princeton Architectural Press, Princeton, NJ (2011).

Lima, Manuel, The Book of Trees: Visualizing Branches of Knowledge, Princeton Architectural Press, New York (2014).

Malamed, Connie, Visual Language for Designers: Principles for Creating Graphics that People Understand, Rockport Publishers, Inc. (2009).

Meirelles, Isabel, Design for Information: An Introduction to the Histories, Theories, and Best Practices Behind Effective Information Visualizations, Rockport Publishers (2013).

Munzner, Tamara. Visualization Analysis and Design. A K Peters Visualization Series, CRC Press, 2014.

Segaran, Toby and Hammerbacher, Jeff, Beautiful Data: The Stories Behind Elegant Data Solutions, O'Reilly Media, Sebastopol, CA (2009).

Spence, Robert, Information Visualisation: Design for Interaction: 2nd Edition, Addison-Wesley Publ. Co., Reading, MA (2007).

Steele, Julie and Iliinsky, Noah, Beautiful Visualization: Looking at Data through the Eyes of Experts, O'Reilly Media, Sebastopol, CA (2010).

Thomas, James and Cook, Kristin, Illuminating the Path: The Research and Development Agenda for Visual Analytics, Pacific Northwest National Labs, Richland, WA (2004).

Tufte, Edward, The Visual Display of Quantitative Information, Graphics Press, Cheshire, CT (1983).

Tufte, Edward, Envisioning Information, Graphics Press, Cheshire, CT (1990).

Tufte, Edward, Visual Explanations, Graphics Press, Cheshire, CT (1997).

Tufte, Edward, Beautiful Evidence, Graphics Press, Cheshire, CT (2006).

Wainer, Howard, Visual Revelations, Copernicus-Springer Verlag, New York (1997).

Wainer, Howard, Graphic Discoveries, Princeton University Press, Princeton, NJ (2004).

Wainer, Howard, Medical Illuminations: Using Evidence, Visualization and Statistical Thinking to Improve Healthcare, Oxford Univ. Press (2013).

Ward, M. O., Grinstein, G., and Keim, D. A., Interactive Data Visualization: Foundations, Techniques, and Application, A. K. Peters, Ltd (2010).

Ware, Colin, Information Visualization: Perception for Design: Third Edition, Morgan Kaufmann Publ., San Francisco, CA (2012).

Ware, Colin, Visual Thinking for Design, Morgan Kaufmann Publ., San Francisco, CA (2008).

Whitney, Hunter, Data Insights: New Ways to Visualize and Make Sense of Data, Morgan Kaufmann Publ., San Francisco, CA (2013) Amazon.

Wilkinson, Leland, The Grammar of Graphics (Statistics and Computing), Springer Verlag (August 1999).

Yau, Nathan, Visualize This: The FlowingData Guide to Design, Visualization, and Statistics, Wiley, New York (2011).

Yau, Nathan, Data Points: Visualization That Means Something, Wiley, New York (2013).