-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindexTreemap.html
82 lines (82 loc) · 5.57 KB
/
indexTreemap.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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Treemap</title>
<link rel="stylesheet" href="css/treemap.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>Les joueurs sont colorés et regroupés par leur équipe. L'équipe, le nombre total de points ainsi que la valeur de l'attribut couramment sélectionné du joueur s'affichent au survol. Les joueurs peuvent être colorés selon le quantile de l'attribut sélectionné en changeant la coloration.</p>
<button onclick="ghostLow()">Mettre en évidence les 10 meilleurs</button>
<button onclick="unghostAll()">Réinitialiser</button>
<button onclick="toggleColor()">Changer la coloration</button>
<select name="attribute" id="attribute-selection" onchange="updateTreeMap()">
<option value="Points" selected>Points</option>
<option value="Points" selected>Points</option>
<option disabled>-----------</option>
<option value="2 Point Percentage">2 Point Percentage</option>
<option value="2 Points Attempted">2 Points Attempted</option>
<option value="2 Points Attempted/Game">2 Points Attempted/Game</option>
<option value="2 Points Made">2 Points Made</option>
<option value="2 Points Made/Game">2 Points Made/Game</option>
<option value="3 Point Percentage">3 Point Percentage</option>
<option value="3 Points Attempted">3 Points Attempted</option>
<option value="3 Points Attempted/Game">3 Points Attempted/Game</option>
<option value="3 Points Made">3 Points Made</option>
<option value="3 Points Made/Game">3 Points Made/Game</option>
<option value="Adjusted Field Goal Percentage">Adjusted Field Goal Percentage</option>
<option value="Assists">Assists</option>
<option value="Assists/Game">Assists/Game</option>
<option value="Assists/Turnovers Ratio">Assists/Turnovers Ratio</option>
<option value="Blocks">Blocks</option>
<option value="Blocks/Game">Blocks/Game</option>
<option value="Defensive Rebounds">Defensive Rebounds</option>
<option value="Defensive Rebounds/Game">Defensive Rebounds/Game</option>
<option value="Field Goal Percentage">Field Goal Percentage</option>
<option value="Field Goals Attempted">Field Goals Attempted</option>
<option value="Field Goals Attempted/Game">Field Goals Attempted/Game</option>
<option value="Field Goals Made">Field Goals Made</option>
<option value="Field Goals Made/Game">Field Goals Made/Game</option>
<option value="Free Throw Percentage">Free Throw Percentage</option>
<option value="Free Throws Attempted">Free Throws Attempted</option>
<option value="Free Throws Attempted/Game">Free Throws Attempted/Game</option>
<option value="Free Throws Made">Free Throws Made</option>
<option value="Free Throws Made/Game">Free Throws Made/Game</option>
<option value="Games Played">Games Played</option>
<option value="Games Started">Games Started</option>
<option value="Minutes">Minutes</option>
<option value="Minutes/Game">Minutes/Game</option>
<option value="Offensive Rebounds">Offensive Rebounds</option>
<option value="Offensive Rebounds/Game">Offensive Rebounds/Game</option>
<option value="Personal Fouls">Personal Fouls</option>
<option value="Personal Fouls/Game">Personal Fouls/Game</option>
<option value="Points/Game">Points/Game</option>
<option value="Points/Shot">Points/Shot</option>
<option value="Steals">Steals</option>
<option value="Steals/Game">Steals/Game</option>
<option value="Technical Fouls">Technical Fouls</option>
<option value="Technical Fouls/Game">Technical Fouls/Game</option>
<option value="Total Rebounds">Total Rebounds</option>
<option value="Total Rebounds/Game">Total Rebounds/Game</option>
<option value="Turnovers">Turnovers</option>
<option value="Turnovers/Game">Turnovers/Game</option>
</select>
</div>
</header>
<svg class="graph" width="1200" height="670"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="js/makeScale.js"></script>
<script src="js/treemap.js"></script>
</body>