libre-charge-map/stats.html
2025-05-02 11:29:40 +02:00

83 lines
No EOL
2.6 KiB
HTML

<!DOCTYPE html>
<html lang='fr' id="statsPage">
<head>
<title>LibreChargeMap - OSM Bliss</title>
<meta charset='utf-8'>
<meta property="og:type" content="website">
<meta property="og:title" content="LibreChargeMap - OSM Bliss">
<meta property="og:description" content="Statistiques de Libre Charge Map">
<meta property="og:image" content="https://libre-charge-map.cipherbliss.com/libre-charge-map_overview.jpg">
<meta property="og:image:width" content="3436">
<meta property="og:image:height" content="1086">
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'>
<link rel='stylesheet' href='styles/style.css' />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=0.25, maximum-scale=5.0">
<link rel="shortcut icon" href="img/french.png">
<script src="js/lcm_stats.js"></script>
</head>
<body class="">
<h1>
<img class="icon-img" src="img/prise-de-courant.png" alt="prise"> Statistiques de
<a href="/">Libre Charge Map</a> 📊
</h1>
<p>
Mise à jour le <span id="dateGeneration"></span>
</p>
<div>
<div class="stats-item">
<h2>Nombre de bornes de recharges en France</h2>
<h3>Dans OSM:</h3>
<div class="pair">
<p>
Stations de recharge
</p>
<p id="countStationsOSM" class="text-right counter"></p>
</div>
<div class="pair">
<p>Points de charge</p>
<p id="countPointsDeChargeOSM" class="text-right counter"></p>
</div>
<h3>Dans L'OpenData de DataGouv:</h3>
<div class="pair">
<p>
Stations de recharge
</p>
<p id="countStationsOpenData" class="text-right counter"></p>
</div>
<div class="pair">
<p>Points de recharge</p>
<p id="countPointsDeChargeOpenData" class="text-right counter"></p>
</div>
<h3>Sur le site de l'AVERE:</h3>
<p>Nombre de stations</p>
<p id="countStationsAVERE" class="text-right counter"></p>
<p>Nombre de points de charge</p>
<p id="countPointsDeChargeAVERE" class="text-right counter"></p>
</div>
<div class="stats-item">
<h2>Répartition par type de borne</h2>
<img src="img/avere_repartition_puissance_nominale.png"
alt="répartition des bornes de recharge par puissance nominale">
<p id="repartitionTypeBorne"></p>
</div>
<div class="stats-item"></div>
<h2>Issues Osmose</h2>
<p id="issuesOsmose">
<img src="https://osmose.openstreetmap.fr/en/issues/graph.png?item=8410
" alt="graphique issues charging station">
</p>
</div>
</div>
</body>
</html>