Interactive tool for creating directed graphs, created using d3.js.
Demo: /cjrd/6863459
Operation:
Run:
python -m SimpleHTTPServer 8000
Github repo is at https://github.com/metacademy/directed-graph-creator
License: MIT/X
xxxxxxxxxx
<html>
<head>
<link rel="stylesheet" href="graph-creator.css" />
</head>
<body>
<div id="toolbox">
<input type="file" id="hidden-file-upload"><input id="upload-input" type="image" title="upload graph" src="upload-icon.png" alt="upload graph"> <input type="image" id="download-input" title="download graph" src="download-icon.png" alt="download graph"> <input type="image" id="delete-graph" title="delete graph" src="trash-icon.png" alt="delete graph">
</div>
<script src="//d3js.org/d3.v3.js" charset="utf-8"></script>
<script src="//cdn.jsdelivr.net/filesaver.js/0.1/filesaver.min.js"></script>
<script src="graph-creator.js"></script>
</body>
</html>
Updated missing url //cdn.jsdelivr.net/filesaver.js/0.1/FileSaver.min.js to //cdn.jsdelivr.net/filesaver.js/0.1/filesaver.min.js
https://d3js.org/d3.v3.js
https://cdn.jsdelivr.net/filesaver.js/0.1/FileSaver.min.js