D3 Interactive Adjacency Matrix Visualization

Develop an interactive adjacency matrix visualization with D3.js

The data is a network graph (ie. think of links between colleagues) which also has a hierarchical structure (ie. like location in continent-country-city).

With the full matrix displayed hovering over a cell will show (edge) attributes, hovering over a row or column name will show (node) attributes. The user must be able select a section of the detailed matrix which can then be zoomed.

The full matrix must be able to collapse to a courser matrix per each level of the hierarchy with an action by the user and vice versa. The collapsed versions of the matrix are aggregated and should show edge counts (number of connections) by a color in the cells.

Please see Section 4 of the following paper (and Figs 2 & 4) for more details on the required implementation:

[url removed, login to view]

As a base I like the look of this: [url removed, login to view]

Skills: Dthreejs

See more: structure graph, node graph, node data structure, network data structure, graph structure, graph node edge, graph node, graph links, graph in data structure, graph edge, edge graph, data structure node, data structure graph, data for data visualization, js d3, D3.js, pdf node, matrix, full node, data-visualization, Data matrix, d3 js, visualization network, network visualization, graph implementation

About the Employer:
( 5 reviews ) Benton Harbor, United States

Project ID: #5181213

1 freelancer is bidding on average $25 for this job


Hired by the Employer

$25 USD / hour
(5 Reviews)