JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dracula.ameisenbar.de/0.0.3alpha/js/raphael-min.js"></script>
<script src="http://dracula.ameisenbar.de/0.0.3alpha/js/dracula_graffle.js"></script>
<script src="http://dracula.ameisenbar.de/0.0.3alpha/js/dracula_graph.js"></script>
<script src="http://dracula.ameisenbar.de/0.0.3alpha/js/dracula_algorithms.js"></script>
<div id="canvas"></div>

JavaScript

var g = new Graph();
 
g.addEdge("strawberry", "cherry");
g.addEdge("strawberry", "apple");
g.addEdge("strawberry", "tomato");
 
g.addEdge("tomato", "apple");
g.addEdge("tomato", "kiwi");
 
g.addEdge("cherry", "apple");
g.addEdge("cherry", "kiwi");
 
var layouter = new Graph.Layout.Spring(g);
layouter.layout();
 
var renderer = new Graph.Renderer.Raphael('canvas', g, 400, 300);
renderer.draw();

//Adding handlers here

for(var i in g.nodelist){
   g.nodelist[i].shape.mouseover(console.log)
   g.nodelist[i].shape.click(console.log)
}