Assignment 8
In-class exercise 1 - drawing nodes and edges
Here is the code we worked on in the first tutorial:
In-class exercise 2 - adding forces
Assignment
Your task is to improve upon the graph visualization we started in class. Make a number of modifications:
- Choose data that makes sense to display in regards to your research question. If you had some graphs on the sketches of your last assignment, build something similar to that. If you did not, think about which type of data makes sense to display as a graph for your question.
- Make a number of additional modifications that make sense for what you want to show such as: displaying data for the nodes, modifying the edges (different shape, length, color, value, ...), changing the layout (you do not have to stick with a force-directed layout but you can).
You can use external libraries: https://p5js.org/libraries/, take code from other people, and take code from class but you need to reference your sources.
Annotate the website you generated with a meaningful title for your work and explain in a short paragraph what we are looking at (include an explanation if and how you filtered the data that you are showing). Also cite your sources here.
This will be the last assignment for the class. The week after we will talk about the exam.
Submitting the Assignment
WHAT - You should submit a single ZIP file called "YOUR_LASTNAME-Assignment8.zip" via email. It should contain:
- Your sketch and the website as described above. Make sure that your code runs. I will be using Google Chrome to look at the visual result of your exercise.
WHERE - You should email the file to petra.isenberg@inria.fr with the subject VA-Assignment8.
WHEN - Assignment 8 is due before "23:00 on Wednesday, Nov 30h.'''