GithubHelp home page GithubHelp logo

eren-ck / dg2pix Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 1.0 38.62 MB

Pixel-Based Visual Analysis of Dynamic Graphs (VDS 2020 at IEEE VIS20)

License: GNU General Public License v3.0

Python 0.38% JavaScript 98.58% CSS 0.09% HTML 0.59% Jupyter Notebook 0.37%
dynamic-graphs visual-analysis network-analytics networkx-graph graph-embedding network-embedding visualization pixel-based-visualization

dg2pix's Introduction

dg2pix (dynamic graph to pixel-based visualization)

Pixel-Based Visual Analysis of Dynamic Graphs - [Paper]

Abstract

Presenting long sequences of dynamic graphs remains challenging due to the underlying large-scale and high-dimensional data. We propose dg2pix, a novel pixel-based visualization technique, to visually explore temporal and structural properties in long sequences of large-scale graphs. The approach consists of three main steps: (1) the multiscale modeling of the temporal dimension; (2) unsupervised graph embeddings to learn low-dimensional representations of the dynamic graph data; and (3) an interactive pixel-based visualization to simultaneously explore the evolving data at different temporal aggregation scales. dg2pix provides a scalable overview of a dynamic graph, supports the exploration of long sequences of high-dimensional graph data, and enables the identification and comparison of similar temporal states. We show the applicability of the technique to synthetic and real-world datasets, demonstrating that temporal patterns in dynamic graphs can be identified and interpreted over time. dg2pix contributes a suitable intermediate representation between node-link diagrams at the high detail end and matrix representations on the low detail end.

This repository provides a Python/Javascript implementation of dg2pix prototype as described in the paper:

@inproceedings{CaJaSc+2020dg2pix,
    author = {Cakmak, Eren and Jäckle, Dominik and Schreck, Tobias and Keim, Daniel A.},
    booktitle = {Symposium on Visualization in Data Science (VDS) at IEEE VIS 2020},
    title = {dg2pix: Pixel-Based Visual Analysis of Dynamic Graphs},
    year = {2020}
}

How to locally run the prototype

  1. Install Python requirements
pip install -r requirements.txt
  1. Run app.py with Pyhton e.g.,
python3 app.py
  1. Access the prototype implementation in the web browser
http://127.0.0.1:8000/

How to locally develop the prototype

First, install the node.js modules and run wepack. Move the to the /frontend directory and run the following commands while working on the frontend:

npm install
npm run watch

Datasets & Graph Embeddings

The following real-world dataset is currently used in the prototype Reddit Hyperlink Network. The graphs were embedded using the Karate Club library.


License

Released under GNU General Public License v3.0. See the LICENSE file for details. The prototype was developed by Eren Cakmak from the Data Analysis and Visualization Group at the University Konstanz funded by the Deutsche Forschungsgemeinschaft (DFG, German Research Foundation) under Germany's Excellence Strategy – EXC 2117 – 422037984 and the European Union’s Horizon 2020 research and innovation programme under grant agreement No 830892.

dg2pix's People

Contributors

eren-ck avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

rampedro

dg2pix's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.