color high
This is a simple demo of ngraph.forcelayout performing layout in 6D space.
First 3 coordinates of the layout are assigned to X, Y, Z coordinates, and the last 3 coordinates are assigned to R, G, B color space.
If you drop any .dot file into the browser window the demo will attempt to visualize it.
This is a source code behind this tweet.
Happy exploration!
Compiles and hot-reloads for development
npm start
This should render a simple graph and you can do some basic layout. You can drop .dot files into it
to load new graphs.
Compiling it locally
Checkout and setup the dependencies:
git clone https://github.com/anvaka/color-high
cd color-high
npm install
Run the dev server:
npm start
What's inside?
- ngraph.graph as a graph data structure
- ngraph.forcelayout for the graph layout
- ngraph.hde for initial positions of nodes
- w-gl - super duper obscure (and fast) WebGL renderer.
- vue.js powered UI and dev tools.
Thanks!
- Stay tuned for updates: https://twitter.com/anvaka
- If you like my work and would like to support it - https://www.patreon.com/anvaka

Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.

