-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindexRadialNest.html
31 lines (30 loc) · 1.59 KB
/
indexRadialNest.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Noeuds-liens radial selon la médiane des attributs</title>
<link rel="stylesheet" href="css/radialNest.css">
<body>
<nav>
<ul>
<li><a href="indexImbrique.html">Cercles imbriqués</a></li>
<li><a href="indexImbriqueNest.html">Cercles imbriqués selon les attributs</a></li>
<li><a href="IndexIcicle.html">Glaçons</a></li>
<li><a href="IndexRadial.html">Noeuds-liens radial</a></li>
<li><a href="indexRadialNest.html">Noeuds-liens radial selon la médiane des attributs</a></li>
<li><a href="indexTreemap.html">Treemap</a></li>
<li><a href="indexExo2.html">Coordonnées parallèles</a></li>
</ul>
</nav>
<header><h1>TP - Bryan Colle et Ali Daoudi</h1>
<div class="scale">
<svg id="scale-svg"></svg>
<p>Radial avec hiérarchies par rapport à la médiane des attributs, les couleurs des cercles des joueurs dépendent du quantile de leur nombre de points. Les couleurs des liens représentent si ils sont au dessus de la médiane (rouge) ou en dessous (bleu) pour l'attribut indiqué. Il est possible de survoler un cercle pour voir l'attribut concerné et son emplacement dans les autres sous-groupes.</p>
</div>
<div>
<p class="structure">Ordre de l'imbrication : </p>
</div>
</header>
<svg class="graph" width="1000" height="1000"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="js/makeScale.js"></script>
<script src="js/radialNest.js"></script>
</body>