Relationship Graph with D3

javascript d3.js data-visualization graphing
Jonathan K picture Jonathan K · Jun 16, 2013 · Viewed 8.3k times · Source

How would I create the following graph with D3? I don't know the name for this type of visualization, and the closest I could find were "force-directed" graphs.

Legend: Filled nodes are people, non-filled nodes are attributes (e.g. favorite color).

Intended graph

Answer

Anderson picture Anderson · Jun 17, 2013

This is my version: http://jsfiddle.net/doraeimo/JEcdS/embedded/result/ which is easy to show system performance and network flow.

code is not here

Related questions

A good book for learning D3.js

I saw D3.js and I was interested so I bought this book! I may be wrong, however I found it un-fulfilling. Does anyone have prime material for mastering D3.jsfor data visualization? I can see a lot of potential …

Read More
Fix Node Position in D3 Force Directed Layout

I want some of the nodes in my force-directed layout to ignore all forces and stay in fixed positions based on an attribute of the node, while still being able to be dragged and exert repulsion on other nodes and …

Read More
making an arc in d3.js

I am using the javascript library d3.js (http://d3js.org/) to create canvas data visualizations. I'm trying to make an arc, but it's not accepting the data parameters from my array. Does anyone know what I'm doing wrong? …

Read More