Assignments

Coding environments

For the remainder of the course we will be creating our own visualizations and learn how to implement specific types of visualizations. To do so we will be using P5 - a javascript interpretation of processing. Why? Because P5 gives us a lot of freedom for creative design while offering a low entry barrier for those of you who don't have a strong coding background. P5 has been designed to make coding accessible for artists, designers, educators, and beginners.

Download the beta version of the P5 editor: https://p5js.org/download/#editor

or set up P5 with an editor of your choice: https://p5js.org/get-started/ (under "Environment")

In class I am going to use the P5 editor.

Note to MACOS users: you may experience your system stating that the program can't be opened, in that case, right click on the application and then click on Open. Click once again on open, and you will be able to use the p5 editor.

The most important reference for you throughout the remainder of the course will be the reference https://p5js.org/reference/, the tutorials http://p5js.org/tutorials/ and the examples https://p5js.org/examples/

Students will work individually for all the lab work.

Assignment 1

You can get the dataset here: vispubdata-grobid-min.csv

The first assignment must be completed and sent before the second lab work session i.e., on Tuesday 29th of November, 11:00 pm.

Please go here for instructions on Assignment 1.

You are also asked to fill in the following form.

Assignment 2

As part of this assignment you will be creating some sketches and ideas for your project. Go to the Assignment 2 page for more instructions

Assignment 3

As part of this assignment you will be implementing a basic layout for the tool you are going to create. Go to the Assignment 3 page for more instructions.

Assignment 4

The goal of this assignment is to enrich your previous implementation with additional visual variables. Go to the Assignment 4 page for more instructions.

Assignment 5

The goal of this assignment is to think about and add interaction to your project. Go to the Assignment 5 page for more instructions.

Assignment 6

The goal of this assignment is to improve any aspect of your current tool and prepare a short demo presentation. Go to the Assignment 6 page for more instructions.

License

You can reuse this content for your class if you acknowledge us (Petra Isenberg, Jean-Daniel Fekete, Pierre Dragicevic, Wesley Willett and Frédéric Vernier). For student projects and assignments, please acknowledge the student.