demo/index.html

   1 <html class="no-js" lang="fr"  dir="ltr"><!--<![endif]-->
   2     <head>
   3         <meta charset="utf-8" />
   4         <meta name="viewport" content="width=device-width,initial-scale=1" />
   5         <title>Graphnion demo</title>
   6
   7         <!-- Grahpnion legacy CSS -->
   8         <!-- <link type="text/css" rel="stylesheet" href="../bw_graphs.css" media="all" /> -->
   9
  10         <!-- demo CSS -->
  11         <link type="text/css" rel="stylesheet" href="graphnion-demo.css" media="all" />
  12     </head>
  13     <body>
  14
  15         <header>
  16             <h1>Graphnion demo</h1>
  17             <p>Graphnion is a JavaScript library to display graphs for Tor relays</p>
  18         </header>
  19
  20         <section>
  21             <h2>Pie charts</h2>
  22
  23             <div class="pie-chart">
  24                 <h3>Consensus weight</h3>
  25                 <div id="graphnion-pie-consensus" class="graphnion-pie"></div>
  26             </div>
  27
  28             <div class="pie-chart">
  29                 <h3>Exit probabylity</h3>
  30                 <div id="graphnion-pie-exit" class="graphnion-pie"></div>
  31             </div>
  32         </section>
  33
  34         <section>
  35             <h2>Bandwidth charts</h2>
  36             <div id="graphnion-bandwidth"></div>
  37         </section>
  38
  39         <footer>
  40             <p>
  41                 Sources: <a href="https://nos-oignons.net/gitweb/graphnion.git">Git repository</a> on <a href="https://nos-oignons.net">Nos-oignons.net</a>.
  42             </p>
  43         </footer>
  44
  45         <!-- D3 library -->
  46         <script src="http://d3js.org/d3.v3.min.js"></script>
  47
  48         <!-- Grahpnion legacy JS -->
  49         <script src="../relays.js"></script>
  50         <script src="../l10n.en.js"></script>
  51         <script src="../l10n.fr.js"></script>
  52         <script src="../bw_graphs.js"></script>
  53
  54
  55         <!-- Grahpnion JS -->
  56         <script src="../graphnion.js"></script>
  57
  58         <!-- demo JS -->
  59         <script src="graphnion-demo.js"></script>
  60
  61     </body>
  62 </html>