Cluster nodes by company affiliation

[Crista2019]

Add functionality that groups nodes of the network into clusters based on company affiliation (example https://bl.ocks.org/Andrew-Reid/976e51f97cffa1835bc03ca80c428ee7).

Steps:

• Add attribute 'affiliation' to Person object on backend (in addition to values like name, docs, etc)
• Randomly assign a company (out of 4 or so possible companies) to each person
• Group nodes in d3 code into arrays by affiliation
• Implement clustering with four foci
• Implement clustering with n foci (n = number of companies in the dataset)
• Set node color depending on company
• Label company clusters
• Add react selector to turn clustering by company on or off
• fix shivering nodes
• place unaffiliated nodes in a format that is informative

There may be more intermediate steps here, some of which could probably be turned into different issues, so feel free to do so as you see fit.

[Crista2019]

We are currently working on this on the affiliations_cluster branch

[Crista2019]

At the moment, the nodes are centered around four foci, but the mechanism for doing so causes the screen to zoom in each time (because the render_simulation function gets called repeatedly perhaps?). Moving forward, it would be good to work on setting and moving the nodes without zooming in to the center indefinitely.

[Crista2019]

We are now working on the new affiliations_visualizations branch. Some recent changes there include updates to color based on company affiliation that Jordan worked on, and a dynamic change to graph size upon screen resize I just committed today.

Here are just some random screenshots to represent the changes: