--- /dev/null
+<html class="no-js" lang="fr" dir="ltr"><!--<![endif]-->
+ <head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width,initial-scale=1" />
+ <title>Graphnion demo</title>
+
+ <!-- Grahpnion legacy CSS -->
+ <!-- <link type="text/css" rel="stylesheet" href="../bw_graphs.css" media="all" /> -->
+
+ <!-- demo CSS -->
+ <link type="text/css" rel="stylesheet" href="graphnion-demo.css" media="all" />
+ </head>
+ <body>
+
+ <header>
+ <h1>Graphnion demo</h1>
+ <p>Graphnion is a JavaScript library to display graphs for Tor relays</p>
+ </header>
+
+ <section>
+ <h2>Pie charts</h2>
+
+ <div class="pie-chart">
+ <h3>Consensus weight</h3>
+ <div id="graphnion-pie-consensus" class="graphnion-pie"></div>
+ </div>
+
+ <div class="pie-chart">
+ <h3>Exit probabylity</h3>
+ <div id="graphnion-pie-exit" class="graphnion-pie"></div>
+ </div>
+ </section>
+
+ <section>
+ <h2>Bandwidth charts</h2>
+ <div id="graphnion-bandwidth"></div>
+ </section>
+
+ <footer>
+ <p>
+ Sources: <a href="https://nos-oignons.net/gitweb/graphnion.git">Git repository</a> on <a href="https://nos-oignons.net">Nos-oignons.net</a>.
+ </p>
+ </footer>
+
+ <!-- D3 library -->
+ <script src="http://d3js.org/d3.v3.min.js"></script>
+
+ <!-- Grahpnion legacy JS -->
+ <script src="../relays.js"></script>
+ <script src="../l10n.en.js"></script>
+ <script src="../l10n.fr.js"></script>
+ <script src="../bw_graphs.js"></script>
+
+
+ <!-- Grahpnion JS -->
+ <script src="../graphnion.js"></script>
+
+ <!-- demo JS -->
+ <script src="graphnion-demo.js"></script>
+
+ </body>
+</html>