Visualization

a very short guide to general visualization forms and tools

shellywhen
Tools Seminar 05/27/2018

Scenario

Computer-based visualization systems provide visual representations of datasets designed to help people carry out tasks more effectively.

Visualization is suitable when there is a need to augment human capabilities rather than replace people with computational decision-making methods.

Overview

Generally, visualization is used to gain or show insights through data.

Classification for Information Visualization

chart
choose right charts

Tables

most commonly seen data type

Statistical visualization provides an overview of the tabular data and is widely used.

  • Software: Excel, Tableau, (even Adobe Illustrator)
  • py Tools:matplotlib, plotly
t-SNE
visualize high dimensional data properly

High-dimensional Data

different visualization forms treat different scale data

  • Scatterplot Matrix: each row/column is one dimension
  • Parallel Coordinates: line up axes
  • Radar Chart: radiate the parallel coordinates
  • Pixel-based Displays: limit the number into a pixel
  • Clustering: matplotlib, plotly
  • Dimension Reduction: t-SNE, MDS, PCA, LDA
force-directed layout
graph layout

Graph/Network

set of relationship

  • Visualization Forms: node-link diagram, matrix
  • Trees: tree map, bubble chart, sunburst
  • Analysis Toolkit: networkx.py
  • Layout Tools: matplotlib.py, plotly.py, TikZ, Gephi
Time Series

Time Series

animation/small multiples

  • Line Graph/Bar Charts: intuitive, simplest
  • Stacked Area Chart: commutive total & individual components of that change
  • Gantt Chart: a horizontal bar showing the event dependencies or current work status
  • Stream Graph: stacked area graph displayed around central horizontal axis like flowing liquid
  • Heat Map: check your github contribution :-)
  • Polar Area Diagram: Nightingale Rose Charts
t-SNE
wordle/word cloud

Text Visualization

get an overview of the overwhelming text

  • look fine
  • interactive
  • easy to modify
  • webGL

Sparkline

inline small chart making text clear

Questions?