Visualisation 2012 - 2013 Lecture 3

Visualisation2012 - 2013

Lecture 3

Brian Mac NameeDublin institute of Technology

Applied Intelligence Research Centre

Visualising Trends

OriginsThis course is based heavily on a course developed by Colman McMahon (www.colmanmcmahon.com)Material from multiple other online and published sources is also used and when this is the case full citations will be given

22011/12

Visualization of the Week

www.pinterest.com/brianmacnamee/great-visualisation-examples/

(Un)Visualization of the Week

www.pinterest.com/brianmacnamee/terrible-visualisation-examples/

AgendaVisualising patterns over timeDiscrete points in timeContinuous points in timeHandling multiple dimensions over time

52011/12

What To Look ForThe most common thing you look for in time series, or temporal, data is trends

- Is something increasing or decreasing? - Are there seasonal cycles?

To find these patterns, you have to look beyond individual data points to get the whole picture

2011/12 7

Visualising Patterns Over Time

Visualising patterns over time

- Discrete points in time

• Bar Graph

• Scatter Plot- Continuous points

in time• Line Chart

• Step Chart- Handling multiple

dimensions over time

• Stacked Bar Chart

• Area Chart

• Stream Graph

• Small Multiples

• Animation2011/12 8

Discrete Points In Time

Often we have datasets that contain single measurements for a reasonably small number of discrete points in time

- Profit per year- Rainfall per month

In these cases a simple bar graph is often appropriate

Simple Bar Graph

“Visualize This”, N. Tau, Wiley, 2011 http://shop.oreilly.com/product/0636920022060.do

Simple Bar Graph

http://www.mornpen.vic.gov.au/page/imageThumbnail.asp?C_Id=820

Continuous Points In Time

Often we have datasets that contain single measurements for a number of continuous points of time

- Stock prices over time- Internet traffic over time

In these cases a line charts are more appropriate

Simple Scatter Plot

2011/12 14“Visualize This”, N. Tau, Wiley, 2011

http://shop.oreilly.com/product/0636920022060.do

Simple Scatter Plot

Simple Line ChartSimply adding a line to a scatter plot can help greater emphasise a trend over time

Simple Line Chart

Step ChartBasic line charts interpolate the change in measurement from one point in time to anotherOften this is not appropriate and in these cases step charts are more appropriate

Step Chart

Fitting A LineIn some cases adding a line to a scatter plot can mask the trend over time rather than help illustrate itIn this cases it can be more appropriate to fit a line or curve to a dataset so as to highlight a trend in timeACHTUNG: Be careful when fitting lines, it is possible to illustrate trends that don’t really exist

Fitting A Line

Smoothing & Estimation

Multiple Dimensions In Time

Often we have datasets that contain multiple measurement for each point in time which gives us multiple dimensionsThis makes visualization more challenging as we need to use newer and different encodingsThere are a number of approaches we can take

Stacked Bar Chart

Charting U.S. Gun Manufacturing, Matt Stiles, The Daily Viz, 2012http://thedailyviz.com/2012/08/07/charting-u-s-gun-manufacturing/

Stacked Bar ChartInterpreting multiple time series in a stacked bar chart can be really difficult, especially when we need to interpret the trend within the higher categoriesOnly really appropriate when the real trend we want to illustrate is the overall total bar height trend and the individual categories are secondary

Multiple Line Series

http://hci.stanford.edu/jheer/files/zoo/ex/time/index-chart.html

Multiple Line Series

Displaying time-series data: Stacked bars, area charts or lines…you decide!, VizWiz, 2012http://vizwiz.blogspot.ie/2012/08/displaying-time-series-data-stacked.html

U.S. Gun Manufacturing By Type

Stacked Area Chart

Stacked Area ChartU.S. Gun Manufacturing By Type

Stacked Area ChartStacked area charts unfortunately suffer from many of the same problems as stacked bar chartsIt can be very hard to interpret the trends of each category as they are stacked on top of each other

Stacked Area Chart

What does the shotgun trend look like?

Stacked Area Chart

Stream GraphThe Stream Graph is an attempt to overcome the difficulties associated with stacked bar charts and stacked area charts

Stream Graph

ThemeRiver: Visualizing Theme Changes over Time, Susan Havre , Beth Hetzler , Lucy Nowell, Proc. IEEE Symposium on Information Visualization, 2000.

http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.135.4974

Stream Graph

ThemeRiver: Visualizing Theme Changes over Time, Susan Havre , Beth Hetzler , Lucy Nowell, Proc. IEEE Symposium on Information Visualization, 2000.

http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.135.4974

Stream Graph

Stacked Graphs – Geometry & Aesthetics, Lee Byron & Martin Wattenberg, 2008.http://www.leebyron.com/what/lastfm/

Stream Graph

http://hci.stanford.edu/jheer/files/zoo/ex/time/stack.html

The Ebb and Flow of Movies: Box Office Receipts 1986 — 2008, New York Timeshttp://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html

Stream Graph

Small MultiplesOne solution to illustrating time is to use small multiples to show multiple snapshots of the data at different points in time

Small Multiples

http://hci.stanford.edu/jheer/files/zoo/ex/time/multiples.html

Small Multiples

Tres Epistolae de Maculis Solaribus Scriptae ad Marcum Welserum, Christoph Scheiner, 1612http://galileo.rice.edu/sci/observations/sunspots.html

AnimationAnimation is obviously a great way to illustrate changes over timeWe will look at this more later in the course

Animation

www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html

Animation

Galileo's Sunspot Drawingshttp://galileo.rice.edu/sci/observations/ssm_slow.mpg

Gallileo made flip books of sunspot images to show how they moved over time

ConclusionsVisualising across time is a key methodologyThere are a number of approaches that are common and usefulWe will come back to animation

Visualisation 2012 - 2013 Lecture 3

Documents

Big data visualisation workshop, 5 Dec. 2012

Communication and Visualisation (Lecture 1)

Communication and Visualisation (Lecture 2)

1 Lecture visualisation and 2 detection of oral cancer and ... · visualisation of oral cancer and mucosal pathology. The role of the oral health professional is paramount in the

Cosmos data visualisation q3 2012

Computer Animation and Visualisation Lecture 1 Introduction

Data Behaviours Analytics Model for Big Data Visualisation · Data-type visualisation targets the particular type of data, such as text data visualisation (Afzal et al., 2012), video

Taxonomies Frédéric Vernier Enseignant-Chercheur LIMSI-CNRS Maître de conf Paris XI Cours de Visualisation d'Information InfoVis Lecture

Scalar Algorithms: Contouring - University of …homepages.inf.ed.ac.uk/tkomura/cav/presentation12_2013.pdfScalar Algorithms: Contouring Computer Animation and Visualisation – Lecture

Visualisation 2012 - 2013 Lecture 4

Tensor Visualisation · Taku Komura Tensors 3 Visualisation : Lecture 14 What is a tensor ? A tensor is a data of rank k defined in n-dimensional space (ℝn) – generalisation of

Information Visualisation - University of Edinburghhomepages.inf.ed.ac.uk/tkomura/cav/presentation18_2016.pdf · Document Visualisation Motivation: visualisation is considerably faster

Portfolio 2012 / Visualisation Skills

Computer Animation and Visualisation Lecture 1 Introductionhomepages.inf.ed.ac.uk/tkomura/cav/presentation1_2018.pdf · Taku Komura 36 CAV : Lecture 1 Computer Visualisation Strengths

Data Visualisation - Bulgaria 2012

Visualisation, (G)UI and Analysis · 2004. 9. 20. · Visualisation & (G)UI - Geant4 Course 10 3. Visualisation Attributes! Necessary for visualisation, but not included in geometrical

Computer Animation and Visualisation Lecture 1 Introductionhomepages.inf.ed.ac.uk/tkomura/cav/presentation1.pdfTaku Komura 32 CAV : Lecture 1 Computer Visualisation Strengths of computing

Module : Visualisation and cartography Lesson 6: Surface visualisation

Présentation visualisation CAO 2012

Re-purposing Google Maps Visualisation for Teaching Logistics Systems · 2012-04-18 · Re-purposing Google Maps Visualisation for Teaching Logistics Systems . quires managing the