Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Introduction to Data Visualization

Srijith Rajamohan

Advanced Research Computing

Monday 10th October, 2016

1 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Course Contents

This week:

• Data Visualization Taxonomy

• 2D/Geospatial

• Temporal Data

• Tree Data

• N-dimensional Data

• Network Data

• Visualization tools

2 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Section 1

1 Data Visualization Taxonomy

2 2D/Geospatial

3 Temporal data

4 N-dimensional Data

5 Tree Data

6 Network Data

7 Visualization tools

3 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Visualization taxonomy

Visualization can be broadly classified as: ( Card et al. )

• Scientific Visualization• Use of interactive visual representation of scientific data to

amplify cognition• Typically has spatial components

• Information Visualization• Use of interactive visual representations of abstract,

non-physical based data to amplify cognition• No spatial components typically

4 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Section 2

1 Data Visualization Taxonomy

2 2D/Geospatial

3 Temporal data

4 N-dimensional Data

5 Tree Data

6 Network Data

7 Visualization tools

5 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Choropleth

6 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Dot distribution map

7 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Proportional symbol map

8 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Contour map/isopleth

9 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Section 3

1 Data Visualization Taxonomy

2 2D/Geospatial

3 Temporal data

4 N-dimensional Data

5 Tree Data

6 Network Data

7 Visualization tools

10 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Timeline

11 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Time series

12 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Connected scatter plot

13 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Gantt chart

14 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Polar area

15 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Sankey diagram

16 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Section 4

1 Data Visualization Taxonomy

2 2D/Geospatial

3 Temporal data

4 N-dimensional Data

5 Tree Data

6 Network Data

7 Visualization tools

17 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Pie chart

18 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Histogram

19 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Word cloud

20 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Bubble cloud

21 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Tree map

22 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Area chart

23 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Parallel coordinates

24 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Waterfall chart

25 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Section 5

1 Data Visualization Taxonomy

2 2D/Geospatial

3 Temporal data

4 N-dimensional Data

5 Tree Data

6 Network Data

7 Visualization tools

26 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Dendrogram

27 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Hyperbolic tree

28 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Section 6

1 Data Visualization Taxonomy

2 2D/Geospatial

3 Temporal data

4 N-dimensional Data

5 Tree Data

6 Network Data

7 Visualization tools

29 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Matrix

30 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Node-link diagram

31 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Section 7

1 Data Visualization Taxonomy

2 2D/Geospatial

3 Temporal data

4 N-dimensional Data

5 Tree Data

6 Network Data

7 Visualization tools

32 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Matplotlib

• Matplotlib is the entire library

• Pyplot - a module within Matplotlib that provides accessto the underlying plotting library

• Pylab - a convenience module that combines thefunctionality of Pyplot with Numpy

• Pylab interface convenient for interactive plotting

33 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Pylab

Example

>>> import pylab as pl

>>> pl.ioff()

>>> pl.isinteractive ()

False

>>> x = [1,3,7]

>>> pl.plot(x) # if interactive mode is

off use show() after the plot command

[<matplotlib.lines.Line2D object at 0

x10437a190 >]

>>> pl.savefig(’fig_test.pdf’,dpi=600,

format=’pdf’)

>>> pl.show()

34 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Pylab

0.0 0.5 1.0 1.5 2.01

2

3

4

5

6

7Simple Pylab plot

35 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Pylab

Example

>>> X = np.linspace(-np.pi , np.pi , 256,

endpoint=True)

>>> C, S = np.cos(X), np.sin(X)

# Plot cosine with a blue continuous line

of width 1 (pixels)

>>> pl.plot(X, C, color="blue", linewidth

=1.0, linestyle="-")

>>> pl.xlabel("X") ; pl.ylabel("Y")

>>> pl.title("Sine and Cosine waves")

# Plot sine with a green continuous line

of width 1 (pixels)

>>> pl.plot(X, S, color="green", linewidth

=1.0, linestyle="-")

>>> pl.show()

...

...

...

36 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Pylab

4 3 2 1 0 1 2 3 4X

1.0

0.5

0.0

0.5

1.0

Y

Sine and Cosine waves

37 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Pylab - subplots

Example

>>> pl.figure(figsize =(8, 6), dpi =80)

>>> pl.subplot(1, 2, 1)

>>> C, S = np.cos(X), np.sin(X)

>>> pl.plot(X, C, color="blue", linewidth

=1.0, linestyle="-")

>>> pl.subplot(1, 2, 2)

>>> pl.plot(X, S, color="green", linewidth

=1.0, linestyle="-")

>>> pl.show()

38 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Pylab - subplots

4 3 2 1 0 1 2 3 41.0

0.5

0.0

0.5

1.0

4 3 2 1 0 1 2 3 41.0

0.5

0.0

0.5

1.0

39 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Bokeh

• Bokeh is a Python interactive visualization library

• Intended for modern web browsers

• Intended for high-performance

40 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Bokeh

Bokeh exposes three interface levels to users

• a low-level bokeh.models interface that provides the mostflexibility to application developers.

• an intermediate-level bokeh.plotting interface centeredaround composing visual glyphs.

• a high-level bokeh.charts interface to build complexstatistical plots quickly and simply

41 / 42

Introductionto Data

Visualization

SrijithRajamohan

DataVisualizationTaxonomy

2D/Geospatial

Temporal data

N-dimensionalData

Tree Data

Network Data

Visualizationtools

Bokeh

Please visit http://bokeh.pydata.org/en/latest/docs/gallery.html formore examples

42 / 42