News

The Masters Degree

Applications for Admissions

Academic Program

Class Schedules

Masters Project

Class Notes

Other programs in applied maths & informatics

Information for Foreign Students

Restricted area




Universities

Information Visualization

2017 Notes

The slides and additional material are available at my InfoVis page.

2017 Schedule

6 oct.Lecture (RB): Introduction (1/4)
13 oct.Lecture (RB): Introduction (2/4) — Visual perception; readings: Feature integration theory & Visual search
20 oct.Lecture (RB): Introduction (3/4) — InfoVis pipeline; readings: InfoVis design space, InfoVis pipeline
27 oct.Lecture (RB): Introduction (4/4) — Visual mapping; reading: the Infovis Zoo
vacationassignment: get familar with d3.js by following this Intro to D3.js
10 nov.no lecture planified; assigment: step #0 of the project (see below)
17 nov.Lecture (RB) — visual mapping (cont.); assigment: step #1 of the project (see below)
24 nov. 
1st dec. 
8 dec. 
15 dec. 
22 dec. 
vacation 
12 jan. 
16 jan. 
26 jan.exam 2h (66% of the final mark)

Past exams

2015 exam 2016 exam 2017 exam

Project

The project will count for 34% of the final mark.

Goal

Produce an interactive visualization that allows the exploration of the data set or that conveys interesting information about the dataset.

Schedule

10 nov.complete step #0 (5%)
17 nov.complete step #1 (5%)

Datasets

0. anscombe quartet

Reproduce the original visualization of the Anscombe's quartet using d3.js. An template project with the data is available at bitbucket. You can download an archive of the whole project.

1. cars

Here is a scatter plot found on the web:

Reproduce this visualization using d3.js and the data set provided in the template. You can follow the steps proposed here (in french, use google translate if you need).

FAQ

Q.How should the assignment be delivered?

Please send a zip/tgz (no rar) archive to mailto:blanch@imag.fr with a proper subject. No link to google drive/dropbox, etc.

Q. The data is not loading into my page

A. You have to run a web server, even for local development. To do so, you can use python:

python3 -m http.server

and then go to http://localhost:8000. You can also use node, see the d3.js documentation.

Teams

ok in a column means that I got something from you, - means I got a rar or a link to googledrive/dropbox, etc., but I want an archive.

nameHW #0HW #1
ABDUL RAHMAN Zulhusni  
AIMIN Suokok
BASOV Vladimir  
BLEUZEN Jonathan ok
BOROVEC Ondřejokok
CAZZOLLA Danilookok
CHENBEH Amirokok
CIMADOMO Audreyokok
DI VINCENZO Valentina  
EKBORG Olofokok
MOHAMAD Ghadeerokok
HUARTE Ricardookok
IANNINO Paolookok
IAKOVLEVA Ekaterinaok 
JRADEH Khadijaokok
KAKAVAND Azadehokok
KOVAL Ivanok 
KRISHNAKUMAR Ganapathy Ramokok
LAPOINTE Quentinokok
LA QUATRA Morenookok
LASSANCE de OLIVEIRA MORAIS Lauraokok
LAWSON Thibault ok
LE Anh Thookok
LE Van Tuanokok
LOHJA Irisokok
MAHORO NTWARI Donaldok 
NABÉ Mamadyokok
NGUYEN Manh Haokok
NGUYEN Minh Haiokok
PHAM Tuan Hiepokok
PHAN Ly Huynhokok
PONTE Joel Cerqueiraokok
PISTER Mathieuokok
PUTNIKOVIC Markookok
RODRIGUEZ DURÁN Juan Camilookok
SREEVES Matthew Gerardokok
VLADIMIROVA Maria  
VUONG Quoc Trungokok
WALTON Elizabethokok
YENDE Nadiaokok
ZRIGUI Ahmedok 
Edit - History - Print - Recent Changes - Search
Page last modified on November 17, 2017, at 01:11 PM