Universite/graph-mesamis
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajustement données

Browse Source
This commit is contained in:
Université
2025-10-18 06:54:35 +02:00
parent 43ded8e883
commit 03c8429db4
4 changed files with 49 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
individus.html
View File

@@ -8,22 +8,31 @@
<h2>Distribution des âges</h2>
<section id="stats" style="margin-bottom: 2rem;">
<h3>Indicateurs clés</h3>
<table>
<tr>
<td class="strong">Individus</td><td id="total" class="number"></td>
<td class="strong">Âge moyen</td><td id="mean" class="number"></td>
</tr>
<tr>
<td class="strong">Médiane</td><td id="median" class="number"></td>
<td class="strong">Écart-type</td><td id="ecart" class="number"></td>
</tr>
<tr>
<td class="strong">Minimum</td><td id="min" class="number"></td>
<td class="strong">Maximum</td><td id="max" class="number"></td>
</tr>
</table>
<div style="display: flex">
<div>
<p><span class="strong">Individus :</span> <span id="total" class="number"></span><br>
<span class="strong">Âge moyen :</span><span id="mean" class="number"></span><br>
<span class="strong">Médiane :</span> <span id="median" class="number"></span><br>
<span class="strong">Écart-type :</span> <span id="ecart" class="number"></span><br>
<span class="strong">Minimum :</span> <span id="min" class="number"></span><br>
<span class="strong">Maximum :</span> <span id="max" class="number"></span>
</div>
<div>
<canvas id="genreChart" width="200" height="200"></canvas>
</div>
<div>
<canvas id="classeChart" width="200" height="200"></canvas>
</div>
</div>
</section>
<canvas id="ageChart" width="600" height="400"></canvas>
<div style="display: flex;">
<div><canvas id="wealthChart" width="300" height="300"></canvas></div>
<div><canvas id="educationChart" width="300" height="300"></canvas></div>
</div>
<div><canvas id="heatmapChart" width="200" height="200"></canvas>
<div><canvas id="radarChart" width="200" height="200"></canvas>
<script type="module" src="/src/individus.ts"></script>
</body>
</html>