Download the skeleton code. This dataset contains character
coappearence in Victor Hugo's Les Miserables, compiled by Donald Knuth.
Fill in the portion of the code for loading the data, noting that it is in JSON format. JSON is a
more exible storage format than CSV, but it is also more complicated to parse and load. Please
see Processing reference on parsing JSON Objects1 and JSON Arrays2.
Using the data, ll in the code sections for creating a force-directed graph layout3. You will only
need to calculate forces, draw the graph, and code interactions.
Create a distance matrix for the points using Shortest Path Distance4. Now
draw the graph by projecting the points using Multidimensional Scaling (MDS)5.
Add any additional linking or interactions that you think will make your dashboard more useful.
Your selection and their implementation will have an good impact.
Modify your sketches such that they use additional visual channels to encoding additional variables.
Consider using color, size, shape, depth, etc. Your selection and their implementation will have an good impact.
Add embellishments of your choice. These can include but are not limited to: axis lines, labels, and
tick marks. Your selection and their implementation will have an good impact.
Make sure your visualizations are robust by designing them to support other data (number of
elements or value range) and by designing them to support any size of canvas.
1. [login to view URL]
2. [login to view URL]
3. See section 12.2 of [login to view URL]~rt/gdhandbook/chapters/[login to view URL] and the extra powerpoint slides provided on canvas
4. [login to view URL]'s_algorithm
5. You can use the MDSJ library for this, [login to view URL]