diff --git a/src/index.html b/src/index.html
index 112f1ef..d7ec81c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,7 +16,7 @@
   </p>
   <h2>Tools</h2>
   <ul>
-    <li><a href="./wdg-editor.html">Weighted Directed Graph Editor</a></li>
+    <li><a href="./wdg-editor">Weighted Directed Graph Editor</a></li>
   </ul>
   <h2>Example Scenarios</h2>
   <p>
diff --git a/src/wdg-editor/index.html b/src/wdg-editor/index.html
index a47c3fd..909a769 100644
--- a/src/wdg-editor/index.html
+++ b/src/wdg-editor/index.html
@@ -7,5 +7,7 @@
 </head>
 
 <body>
-<h1>Weighted Directed Graph Editor</h1>
+  <h2><a href="../">DGF Prototype</a></h2>
+  <h1>Weighted Directed Graph Editor</h1>
+  <div id="scene"></div>
 </body>
\ No newline at end of file
diff --git a/src/wdg-editor/index.js b/src/wdg-editor/index.js
index e69de29..004f9dc 100644
--- a/src/wdg-editor/index.js
+++ b/src/wdg-editor/index.js
@@ -0,0 +1,9 @@
+import { Box } from '../classes/display/box.js';
+import { Scene } from '../classes/display/scene.js';
+import { WeightedDirectedGraph } from '../classes/supporting/wdg.js';
+
+const rootElement = document.getElementById('scene');
+const rootBox = new Box('rootBox', rootElement).flex();
+window.disableSceneControls = true;
+window.scene = new Scene('WDG Editor', rootBox);
+window.graph = new WeightedDirectedGraph('new', window.scene, { editable: true }).withFlowchart();
