Category Archives: Uncategorized

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!

  1. Dracula is just one npm install away:
    npm install graphdracula
    npm install raphael
  2. 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);
  3. Compile:
    browserify --debug index.js > bundle.js 
  4. Serve it hot on an index.html:
    <!DOCTYPE html>
     <title>Graph Dracula Browserify Boilerplate</title>
     <meta charset="utf-8">
     <div id="paper"></div>
     <script src="./bundle.js"></script>

It’s all on a brand new boilerplate at and it looks like this

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