https://github.com/hughsk/gl-modules-viz

Just experimenting with making a force-directed graph of the core modules available in the [modules.gl](http://modules.gl) ecosystem, potentially to include on the home page.
https://github.com/hughsk/gl-modules-viz

Last synced: 12 days ago
JSON representation

Just experimenting with making a force-directed graph of the core modules available in the [modules.gl](http://modules.gl) ecosystem, potentially to include on the home page.

• Host: GitHub
• URL: https://github.com/hughsk/gl-modules-viz
• Owner: hughsk
• Created: 2014-03-12T04:25:33.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-03-12T04:25:48.000Z (over 10 years ago)
• Last Synced: 2024-10-17T16:41:26.763Z (22 days ago)
• Language: JavaScript
• Homepage: http://hughsk.io/gl-modules-viz
• Size: 188 KB
• Stars: 8
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# gl-modules-viz

Just experimenting with making a force-directed graph of the core modules

available in the [modules.gl](http://modules.gl) ecosystem, potentially to

include on the home page.

[demo](http://hughsk.io/gl-modules-viz)

[![gl-modules-viz](http://i.imgur.com/10vvjj5.png)](http://hughsk.io/gl-modules-viz)

## Usage

The visualisation as a module too, so it's easy to include anywhere with

[browserify](http://browserify) and [npm](http://npmjs.org/).

### `svg = viz(opts)`

Creates and returns an `svg` element containing the visualisation. Takes

the following options:

* `opts.colors.bg`: background color for the SVG.

* `opts.colors.fg`: foreground color, i.e. the links, text and nodes.

* `opts.colors.hightlight`: the color to use when highlighting a node.