Clone or download
Latest commit 6f07e82 Jan 11, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
data fixes Jan 11, 2019
img Init Jan 12, 2018 fixes Jan 11, 2019

Interactive Data Visualization (ECL MOS 5.5)

Romain Vuillemot, LIRIS, École Centrale de Lyon/Département Math-Info, Website, Twitter.

Contact or questions:


Interactive Data Visualization for the Web
by Scott Murray

Other books


  • 30% Final exam
  • 60% Final projects
  • 10% Homeworks/Submitted assignments (pass/fail policy)
  • 10% Bonus (class participation, best homeworks/assignments)


All homeworks/assignements/reports are due the day before the class at 23.59pm Lyon Time (GMT+1). Using this form.

Lecture 1 - Introduction to Data Visualization

Friday 11/01/2019 13:30-15:30

  • Overview: Class organization (slides)
  • Basics of Data Visualization: Perception, cognition, Visual mapping, Standard charts (slides)
  • Authoring visualizations: Libraries, Tools, Tableau Software (slides)

Tutorial 1 - Tableau Software

Friday 11/01/2019 15:45-17:45

Tableau Tutorial

  1. The goal is to have a first experience with Tableau and build standard charts using a simple dataset.
  2. Download and install Tableau Public (Free) on your machine
  3. (Simple) alternative to Tableau: Polestar

Iris flowers visualization

  1. Download the iris.csv and load it in Tableau; convert data types (if needed)
  2. Plot a scatterplot with X:sepal_length, Y:sepal_width, color:species and a trend line
  3. Save as a tab and save the workbook

Elections map

  1. Download the us-elections-history.csv and load it in Tableau; convert data types (if needed)
  2. Plot a grid plot with Year as columns, State as rows and State Winner as color/marks.
  3. Save as a tab
  4. Plot a geo-map with colors winning party in 2012 Latitude (generated) et Longitude (generated), with State as shapes and color ATTR([State Winner])
  5. Save as a tab and save the workbook

Stock markets visualizations

  1. Download the stocks.csv and load it in Tableau; convert data types (if needed)
  2. Plot a multiple line chart over time, for all stocks in a different color, grouped by company
  3. Plot a grouped bar chart (companies as categories, grouped by year or by companies)
  4. Your own chart!
  5. Save as a tab and save the workbook

Global Superstore Dataset

  1. Download the Global-Superstore-Orders-2016.xlsx and load it in Tableau; join datasets (if needed)
  2. Find an interesting story / selection with this dataset
  3. Create a Dashboard and explain your story/finding
  4. BONUS: Add storytelling (Tableau Feature)
  5. BONUS: Join other datasets (e.g. People, ..)

📅 For next class (20/01)

✍ Assignments

  • Submit your Tableau workbook on Global Superstore dataset
  • Propose a project topic (2-page): what is the question you want to answer? which data do you need? how do you plan to collect your data? what are the main risk in collecting/visualizing it? what are the privacy/ethical issues?
  • Create a GitHub account and learn how to use it (bottom of the page)

📖 Readings

Lecture 2 - Introduction to D3.js

Friday 18/01/2019 13:30-15:30

Tutorial 2: D3.js

Friday 18/01/2019 15:45-17:45

Lecture 3 - Advanced D3.js and Design Methods

Friday 25/01/2019 13:30-15:30

Tutorial 3: Design Methods & more D3.js

Friday 25/01/2019 15:45-17:45

Lecture 4 - Advanced Design Method and Reseach in DataViz

Friday 01/02/2019 13:30-15:30

Tutorial (1/2): Advanced layouts in D3.js

Friday 01/02/2019 15:45-17:45

Tutorial (2/2): Advanced layouts in D3.js

Friday 08/02/2019 13:30-15:30

Projects (1/5)

Friday 08/02/2019 15:45-17:45

Projects (2/5)

Friday 15/02/2019 13:30-15:30

Projects (3/5)

Friday 15/02/2019 15:45-17:45

Projects (autonomie)

Friday 01/03/2019 13:30-15:30

Projects (autonomie)

Friday 01/03/2019 15:45-17:45

Projects (4/5): Final projects presentations & demos

Friday 08/03/2019 13:30-15:30

Projects (5/5): Final projects presentations & demos

Friday 08/03/2019 15:45-17:45



Online resources






Data Visualization Classes