Force directed graph

 Download the data set . This dataset contains character coappearence in Victor Hugo'sLes Miserables, compiled by Donald Knuth.  Create a sketch with 800x800 resolution that opens a le dialog box ([login to view URL] reference/[login to view URL]) and loads a selected data le.  Load 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 Objects and JSON Arrays.  Using the data, create a force-directed graph layout.  (50% extra credit) Create a distance matrix for the points using Shortest Path Distance. Now draw the graph by projecting the points using Multidimensional Scaling (MDS).  Add any additional linking or interactions that you think will make your dashboard more useful. Your selection and their implementation will have an impact on your grade.  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 impact on your grade.  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 impact on your grade.  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] 3See section 12.2 of [login to view URL]~rt/gdhandbook/chapters/[login to view URL] 4[login to view URL]'s_algorithm 5You can use the MDSJ library for this, [login to view URL]