CSE442 Data Visualization

Useful Resources

Tools

Visualization Toolkits

A variety of useful toolkits have been designed to help support information visualization applications. Some include support for the full visualization pipeline from data to interactive graphics, while others focus only on a subset, typically graphics and interaction.

  • D3 - A JavaScript library for data-driven DOM manipulation, interaction and animation. Includes utilities for visualization techniques and SVG generation.
  • Vega - A declarative language for representing visualizations. Vega will parse a visualization specification to produce a JavaScript-based visualization, using either HTML Canvas or SVG rendering. Vega is particularly useful for creating programs that produce visualizations as output.
  • Vega-Lite - A high-level visualization grammar that compiles concise specifications to full Vega specifications.
  • Observable Plot - A free, open-source JavaScript library to help you quickly visualize tabular data.
  • Processing or p5.js - A popular Java-like graphics and interaction language and IDE. Processing has a strong user community with many examples. p5.js is a sister project for JavaScript.
  • HTML/JavaScript/XML - use standard web technologies to build the visualization. You may use libraries such as the Google Maps API to help build your visualization.
  • Leaflet - a popular open-source mapping library
  • VTK - A scientific visualization library (C++ with wrappers for other languages)

Other Visualization Tools

Network Analysis Tools

  • Gephi - an interactive graph analysis application
  • NodeXL - a graph analysis plug-in for Excel
  • GUESS - a combined visual/scripting interface for graph analysis
  • Pajek - another popular network analysis tool
  • SNAP - graph analysis library for C++

Color Tools

Web Development Tools

Tutorials & Tips

In addition to our workshops, these tutorials could be useful for your projects and future visualization work.

HTML, CSS

Javascript

Git & Github

  • Git Tutorials
  • GitHub
    • Use GitHub's issue tracker, so you can refer to issues in your commit messages using # followed by issue number.
    • Working in a team? Use GitHub's Pull Request so you can do code review.
  • GUI
    • Using git with command line is generally fast but using SourceTree is easier for reviewing your code before committing or committing a part of your changes and reduce chances that you will run a wrong command (such as push wrong branch to master).
  • More Tips
    • Atomic Commit is a good practice.
    • Stash is useful when you have unfinished messy things and need to switch branches to work on something else.