uclab-potsdam / unfolding-edges

Unfolding Edges: Adding Context to Edges in Multivariate Graph Visualization

Unfolding Edges: Adding Context to Edges in Multivariate Graph Visualization

This is a prototype implementation of »Unfolding Edges: Adding Context to Edges in Multivariate Graph Visualization« (2023) by Mark-Jan Bludau, Marian Dörk, and Christian Tominski.

Case Study 1: Nobelprize Network

Edge fan-out

Demo | Code

Timeline inset

Demo | Code

Case Study 2: Conflict Network

Demo | Code

Used libraries

The prototype is based on HTML, CSS, SVG, and JavaScript and uses the the datavisualization library D3.js.

Installation / Run locally

Note: So far, the code and prototypes are not yet optimized for easy re-use and readability. We will work on this in the near future.

In order to run the prototypes locally, due to security measures of web browsers you need to run a local web server. You can use for instace the npm http-server.

Install:

npm install -g http-server

To run the server:

cd /localPathToYourProjectFolder

http-server &

This will start the server on http://localhost:8080 from your selected directory.