Giter Site home page Giter Site logo

davidpomerenke / slope Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 0.0 38.1 MB

Slope-Dependent Rendering of Parallel Coordinates to Reduce Density Distortion and Ghost Clusters.

Home Page: https://osf.io/sy3dv/

License: MIT License

JavaScript 44.96% HTML 17.33% CSS 8.55% R 29.15%
density-distortion ghost-clusters parallel-coordinates information-visualization visualization

slope's Introduction

Slope-Dependent Rendering of Parallel Coordinates to Reduce Density Distortion and Ghost Clusters

This is the supplementary material for:

David Pomerenke, Frederik L. Dennig, Daniel A.Keim, Johannes Fuchs, Michael Blumenschein. Slope-Dependent Rendering of Parallel Coordinates to Reduce Density Distortion and Ghost Clusters. Proceedings of the IEEE Visualization Conference (VIS) 2019. [arXiv] [OSF] [Vimeo]

Video Preview

Online Prototype

Screenshot of the testing tool

To test the effect of our adjustment technique, we have implemented a testing tool. The tool offers many synthetic and real world data sets for display, as well as the possibility to add own datasets. It allows to continuously manipulate parameter P and compare the effect to standard PCP renderings. It is also possible to manipulate all other relevant parameters, namely the adjusted constant line width factor h, opacity, axis height, axis spacing, line colour, and rendering technique.

Starting the tool

Online

The tool is available at subspace.dbvis.de/pcp-adjustment.

It is also hosted via GitHub pages at davidpomerenke.github.io/slope.

Local

A local webserver has to be started as local file loading is disabled in browsers for security reason. One option is Python:

Navigate inside the main directory (which includes the index.html ) and execute:

python -m http.server

Then you can access the tool from the URL displayed, which is usually localhost:8000.

Usage

On the left side, the regular PCPs (including distortion and ghost clusters) are displayed. On the right side, our slope-dependent adjustment technique can be applied to either line width (default and recommended) or opacity (experimental) by checking the respective boxes. In either case, parameter P determines the strength of the effect and is also only applied to the right-hand PCP. Adjusted h refers to a constant line height factor, which is also only applied to the PCP on the right.

The other parameters are the constant parts of line width and line opacity, the height and spacing of the axes and the colour, including a multi-colour option to easily identify the clusters. All these parameters apply to the PCPs on both sides.

Rendering can be switched to rendering lines as polygonal parallelograms. In this case, parameter P has no effect any longer.

Add own datasets

Own datasets can be uploaded in the tool. Files must be in csv-format with an optional header and numeric columns. An optional column cluster in the csv-file may be used for the multi-colour display option.

Data Generation

The data files have been created with data-generation.r. The real-world datasets are from R ’s cluster.datasets package.

slope's People

Contributors

davidpomerenke avatar fredooo avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

slope's Issues

Easier adding of own datasets

Make it possible to directly add own datasets on website via upload button.
Upload them only temporarily, or, if possible, locally.

Publish data on a the platform of the research project

Hi David,

ich habe keinen anderen Weg gefunden, dir zu schreiben.
Ich würde die Daten, die wir verwendet haben, auf einer weiteren Plattform (https://darus.uni-stuttgart.de/) veröffentlichen.
Das Ganze ist Teil des Forschungsprojekts, unter dem unser Paper damals lief.

Schreib mir gerne, was du denkst.
Ich bin noch unter meiner Uni-Mail-Adresse erreichbar.

Danke für deine Hilfe.

Viele Grüße
Frederik

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.