Graph functionality op basis van Cytoscape.js

static/index.html

@@ -17,6 +17,7 @@
     <aside id="sidebar">
       <a id="wiki-brand" class="brand" href="#">Racket Wiki</a>
       <a id="todo-link" class="sidebar-primary-link" href="#">* <span data-tr="todo-list">Todo list</span></a>
+      <a id="graph-link" class="sidebar-primary-link" href="#">* <span data-tr="graph">Graph</span></a>
       <form id="search-form" class="wiki-search" role="search">
         <input id="search-input" type="search" placeholder="Search wiki" data-tr-placeholder="search-wiki" autocomplete="off" aria-label="Search wiki">
       </form>
@@ -107,6 +108,16 @@
         <div id="todo-list" class="todo-items"></div>
       </section>
 
+      <section id="graph-view" class="hidden">
+        <header class="page-header">
+          <h1 data-tr="wiki-graph">Wiki graph</h1>
+          <div id="graph-summary" class="muted"></div>
+        </header>
+        <div class="wiki-graph-shell">
+          <svg id="wiki-graph" class="wiki-graph" viewBox="0 0 1000 700" role="img" aria-label="Wiki graph"></svg>
+        </div>
+      </section>
+
       <section id="history-view" class="hidden">
         <header class="page-header">
           <h1 data-tr="page-history">Page history</h1>