1 <html class="no-js" lang="fr" dir="ltr"><!--<![endif]-->
3 <meta charset="utf-8" />
4 <meta name="viewport" content="width=device-width,initial-scale=1" />
5 <title>Graphnion demo</title>
7 <!-- Grahpnion legacy CSS -->
8 <!-- <link type="text/css" rel="stylesheet" href="../bw_graphs.css" media="all" /> -->
11 <link type="text/css" rel="stylesheet" href="graphnion-demo.css" media="all" />
16 <h1>Graphnion demo</h1>
17 <p>Graphnion is a JavaScript library to display graphs for Tor relays</p>
23 <div class="pie-chart">
24 <h3>Consensus weight</h3>
25 <div id="graphnion-pie-consensus" class="graphnion-pie"></div>
28 <div class="pie-chart">
29 <h3>Exit probabylity</h3>
30 <div id="graphnion-pie-exit" class="graphnion-pie"></div>
35 <h2>Bandwidth charts</h2>
36 <div id="graphnion-bandwidth"></div>
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>.
46 <script src="http://d3js.org/d3.v3.min.js"></script>
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>
56 <script src="../graphnion.js"></script>
59 <script src="graphnion-demo.js"></script>