Preview v1.0.1 on npm

Dear internet.

I recently pushed a new version to npm – refactored into modern JavaScript (ES2015) with unit tests, linting and all the things that JavaScript hipsters were using last year!

Dracula is just one npm install away:

npm install graphdracula
npm install raphael

Go on to fill up an index.js with such content:


var Dracula = require('graphdracula');

var Graph = Dracula.Graph;
var Renderer = Dracula.Renderer.Raphael;
var Layout = Dracula.Layout.Spring;

var graph = new Graph();

graph.addEdge('Banana', 'Apple');
graph.addEdge('Apple', 'Kiwi');
graph.addEdge('Apple', 'Dragonfruit');
graph.addEdge('Dragonfruit', 'Banana');
graph.addEdge('Kiwi', 'Banana');

var layout = new Layout(graph)
var renderer = new Renderer('#paper', graph, 400, 300);
renderer.draw()

Compile:


browserify --debug index.js &gt; bundle.js

Serve it hot on an index.html:


&lt;!DOCTYPE html&gt;

&lt;html&gt;

&lt;head&gt;

 &lt;title&gt;Graph Dracula Browserify Boilerplate&lt;/title&gt;

 &lt;meta charset="utf-8"&gt;

&lt;/head&gt;

&lt;body&gt;

 &lt;div id="paper"&gt;&lt;/div&gt;

 &lt;script src="./bundle.js"&gt;&lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;

It’s all on a brand new boilerplate at github.com/strathausen/dracula-browerify-boilerplate and it looks like this rawgit.com/strathausen/dracula-browerify-boilerplate/master/index.html.

I’ll put the new version of Dracula on a CDN some time soon and post the link at this very place. Stay tuned!

Related

By Johann Philipp