479 lines
24 KiB
HTML
479 lines
24 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Vespa velutina — Invasion de France | NextGN Formation</title>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script>
|
||
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="../header-style.css"/>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- HEADER NAVIGATION -->
|
||
<header>
|
||
<div class="logo">NextGN Formation</div>
|
||
<nav>
|
||
<a href="#formations">Exercices interactifs</a>
|
||
<a href="#documentation">Documentation</a>
|
||
<a href="#rapports">Rapports de veille</a>
|
||
<a href="#about">À propos</a>
|
||
<a href="#contact">Contact</a>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- BARRE DE PROGRESSION -->
|
||
<div class="progress">
|
||
<div class="progress-bar" id="progressBar"></div>
|
||
</div>
|
||
|
||
<!-- SOMMAIRE COLLAPSIBLE -->
|
||
<div class="toc-overlay" id="tocOverlay"></div>
|
||
<div class="toc-panel" id="tocPanel">
|
||
<h3>Sommaire</h3>
|
||
<ul class="toc-list">
|
||
<li class="toc-item"><a href="#invasion-territoriale" class="toc-link">Invasion territoriale</a></li>
|
||
<li class="toc-item"><a href="#chiffres-cles" class="toc-link">Chiffres clés</a></li>
|
||
<li class="toc-item"><a href="#manche" class="toc-link">Cas de la Manche</a></li>
|
||
<li class="toc-item"><a href="#impacts" class="toc-link">Impacts écologiques</a></li>
|
||
<li class="toc-item"><a href="#strategie-lutte" class="toc-link">Stratégie de lutte</a></li>
|
||
<li class="toc-item"><a href="#cadre-legal" class="toc-link">Cadre légal</a></li>
|
||
<li class="toc-item"><a href="#projections" class="toc-link">Projections futures</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- ═══ CONTENU PRINCIPAL ═════════════════════════════════════════════════════ -->
|
||
<main>
|
||
<!-- HERO SECTION -->
|
||
<div class="hero">
|
||
<h1>Vespa velutina</h1>
|
||
<p class="hero-subtitle">L'invasion du frelon asiatique en France — Analyse évolutive 2004–2026</p>
|
||
<div class="hero-meta">🐝 Apicultureà risque · 📊 Données MNHN/INPN · 🇫🇷 Situation nationale critique</div>
|
||
</div>
|
||
|
||
<!-- INTRO -->
|
||
<div class="intro">
|
||
<strong>Situation actuelle (mars 2026) :</strong> Tous les départements français continentaux sont potentiellement infestés. L'espèce a colonisé 101 départements en 22 ans. Aucun mécanisme d'éradication démographique n'a pu être mis en place. Les modèles scientifiques (CNRS, MNHN) anticipent une invasion quasi-totale de l'Europe occidentale d'ici 10 ans. Ce document consolide les données officielles, sources MNHN/INPN et estimations scientifiques.
|
||
</div>
|
||
|
||
<!-- SECTION 1 : INVASION TERRITORIALE -->
|
||
<section class="section" id="invasion-territoriale">
|
||
<h2>🗺️ Invasion territoriale</h2>
|
||
|
||
<div class="grid">
|
||
<div class="card">
|
||
<div class="card-title">Progression départementale</div>
|
||
<h3>De 1 à 101 départements en 22 ans</h3>
|
||
<p style="color: var(--text-muted); margin-bottom: 16px;">L'invasion progresse à un rythme exponentiel. Les données certifiées MNHN/INPN couvrent 2004–2020. À partir de 2021, les chiffres proviennent de consolidations multi-sources.</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Rythme d'expansion</div>
|
||
<h3>+3 à 5 départements/an</h3>
|
||
<p style="color: var(--text-muted); margin-bottom: 16px;">Depuis 2020, le rythme s'accélère. La saturation des habitats et la disponibilité de proies (abeilles, guêpes) favorisent une colonisation rapide des zones tempérées.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chart-container">
|
||
<div class="chart-title">Expansion départementale (2004–2025)</div>
|
||
<canvas id="deptChart" style="max-height: 250px;"></canvas>
|
||
</div>
|
||
<div class="legend">
|
||
<div class="legend-item"><div class="legend-dot" style="background: rgba(45,122,74,0.75);"></div> Données certifiées (MNHN/INPN)</div>
|
||
<div class="legend-item"><div class="legend-dot" style="background: rgba(184,134,11,0.75);"></div> Estimations consolidées</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 2 : CHIFFRES CLÉS -->
|
||
<section class="section" id="chiffres-cles">
|
||
<h2>📊 Chiffres clés</h2>
|
||
|
||
<div class="alert">
|
||
<div class="alert-icon">⚠️</div>
|
||
<div class="alert-body">
|
||
<strong>Attention méthodologique :</strong> Les signalements ne représentent que <strong>5 à 10%</strong> des nids réels. La plateforme SignalNids.fr (participative) enregistre uniquement les déclarations volontaires. Aucun comptage exhaustif national n'existe.
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid">
|
||
<div class="card">
|
||
<div class="card-title">Nids signalés 2023</div>
|
||
<h3 style="color: var(--teal-mid); font-size: 28px;">7 500</h3>
|
||
<p style="color: var(--text-muted);">Confirmés et géolocalisés (données SignalNids.fr + FDGDON)</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Nids signalés 2024</div>
|
||
<h3 style="color: var(--teal-mid); font-size: 28px;">13 000–14 000</h3>
|
||
<p style="color: var(--text-muted);">Augmentation de +73% vs 2023 — accélération confirmée</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Estimation totale 2024</div>
|
||
<h3 style="color: var(--teal-mid); font-size: 28px;">~500 000</h3>
|
||
<p style="color: var(--text-muted);">Extrapolation (non officielle) · Sources : MNHN & PAT Frelons</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Mortalité des colonies d'abeilles</div>
|
||
<h3 style="color: var(--teal-mid); font-size: 28px;">25–40%</h3>
|
||
<p style="color: var(--text-muted);">Régions affectées · Pertes directes liées au prédatisme</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chart-container">
|
||
<div class="chart-title">Nids signalés et projections (2020–2026)</div>
|
||
<canvas id="nidsChart" style="max-height: 250px;"></canvas>
|
||
</div>
|
||
<div class="legend">
|
||
<div class="legend-item"><div class="legend-dot" style="background: rgba(45,122,74,0.75);"></div> Confirmés</div>
|
||
<div class="legend-item"><div class="legend-dot" style="background: rgba(184,134,11,0.13); border: 1px solid rgba(184,134,11,0.5);"></div> Estimation totale</div>
|
||
<div class="legend-item"><div class="legend-dot" style="background: rgba(201,79,26,0.13); border: 1px solid rgba(201,79,26,0.55);"></div> Projection 2026</div>
|
||
<div class="legend-item"><div class="legend-dot" style="background: rgba(201,79,26,0.65);"></div> Tendance</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 3 : MANCHE -->
|
||
<section class="section" id="manche">
|
||
<h2>🏴 Cas d'étude : La Manche (50)</h2>
|
||
|
||
<div class="intro">
|
||
La Manche est le point d'entrée historique du frelon asiatique en France (découverte 2004). C'est aussi un excellent baromètre de l'efficacité des mesures locales de lutte.
|
||
</div>
|
||
|
||
<div class="grid">
|
||
<div class="card">
|
||
<div class="card-title">Pic d'invasions 2022</div>
|
||
<h3>9 924 nids signalés</h3>
|
||
<p style="color: var(--text-muted); margin-bottom: 16px;">Record départemental atteint lors de l'automne 2022.</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Stabilisation 2023–2024</div>
|
||
<h3>Diminution progressive</h3>
|
||
<p style="color: var(--text-muted); margin-bottom: 16px;">7 077 en 2023 → 5 083 en 2024. Les mesures locales ont un impact limité mais mesuré.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chart-container">
|
||
<div class="chart-title">Évolution des nids détectés en Manche (2022–2024)</div>
|
||
<canvas id="mancheChart" style="max-height: 250px;"></canvas>
|
||
</div>
|
||
<div class="legend">
|
||
<div class="legend-item"><div class="legend-dot" style="background: rgba(201,79,26,0.7);"></div> 2022 (pic)</div>
|
||
<div class="legend-item"><div class="legend-dot" style="background: rgba(45,122,74,0.65);"></div> 2023–2024 (stabilisation)</div>
|
||
</div>
|
||
|
||
<p style="margin-top: 20px; color: var(--text-muted); font-style: italic;">Source : FDGDON Manche — Bilans annuels · Données exhaustives départementales</p>
|
||
</section>
|
||
|
||
<!-- SECTION 4 : IMPACTS -->
|
||
<section class="section" id="impacts">
|
||
<h2>🐝 Impacts écologiques et économiques</h2>
|
||
|
||
<div class="grid">
|
||
<div class="card">
|
||
<div class="card-title">Menace apicole</div>
|
||
<h3>Premier impact observable</h3>
|
||
<p style="color: var(--text-muted);">Prédation directe sur les colonies d'abeilles. Les pertes atteignent <strong>25–40%</strong> dans les zones infestées.</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Pertes économiques</div>
|
||
<h3>200–300 millions €/an</h3>
|
||
<p style="color: var(--text-muted);">Apiculture, agriculture de pollinisation, destructions professionnelles (coût moyen : 200–500 €/nid).</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Biodiversité</div>
|
||
<h3>Prédateur généraliste</h3>
|
||
<p style="color: var(--text-muted);">V. velutina chasse aussi guêpes, papillons et autres insectes. Déséquilibre trophique avéré en zones affectées.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alert">
|
||
<div class="alert-icon">📍</div>
|
||
<div class="alert-body">
|
||
<strong>Zones critiques identifiées :</strong> Bretagne, Pays de la Loire, Nouvelle-Aquitaine. Ces régions connaissent une surmortalité apicole directement liée à V. velutina.
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 5 : STRATÉGIE DE LUTTE -->
|
||
<section class="section" id="strategie-lutte">
|
||
<h2>🛡️ Stratégie nationale de lutte</h2>
|
||
|
||
<h3>Approches testées</h3>
|
||
<div class="grid">
|
||
<div class="card">
|
||
<div class="card-title">Destruction des nids</div>
|
||
<p style="color: var(--text-muted);">Opération ponctuelle efficace (100% du nid détruits). <strong>Limitation :</strong> Coût (~200–500 €/nid) + détection tardive (80% des nids se font en automne).</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Piégeage printanier</div>
|
||
<p style="color: var(--text-muted);">Théorique : capturer les fondatrices. <strong>Réalité :</strong> >99% de captures sont des insectes non-cibles. Efficacité négligeable.</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Lutte biologique</div>
|
||
<p style="color: var(--text-muted);">Recherches en cours (prédateurs naturels, parasites). Aucune solution opérationnelle validée avant 2030.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alert">
|
||
<div class="alert-icon">⚠️</div>
|
||
<div class="alert-body">
|
||
<strong>Plan national 2026 (Ministère TE) :</strong> Impose les pièges sélectifs et renforce la formation des destructeurs agréés. Cependant, <strong>aucun mécanisme de limitation démographique</strong> n'a montré son efficacité à l'échelle régionale.
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alert">
|
||
<div class="alert-icon">🔬</div>
|
||
<div class="alert-body">
|
||
<strong>Conclusion scientifique (MNHN/CNRS) :</strong> <em>Aucun plafond démographique identifié.</em> L'éradication n'est plus envisageable. Les modèles anticipent une invasion quasi-totale de l'Europe occidentale d'ici 10 ans.
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 6 : CADRE LÉGAL -->
|
||
<section class="section" id="cadre-legal">
|
||
<h2>⚖️ Cadre légal et réglementaire</h2>
|
||
|
||
<div class="grid">
|
||
<div class="card">
|
||
<div class="card-title">Loi n°2025-237</div>
|
||
<h3>14 mars 2025</h3>
|
||
<p style="color: var(--text-muted);">Renforce les obligations de déclaration et impose les pièges sélectifs pour tout piégeage apicole.</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Arrêté ministériel</div>
|
||
<h3>Mars 2026</h3>
|
||
<p style="color: var(--text-muted);">Plan national de lutte. Obligation pour les régions d'organiser la destruction. Budget alloué : ~50 millions €.</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">Classification</div>
|
||
<h3>Espèce exotique envahissante</h3>
|
||
<p style="color: var(--text-muted);">Statut depuis 2016. Tous les nids détectés doivent être signalés aux autorités compétentes.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 7 : PROJECTIONS -->
|
||
<section class="section" id="projections">
|
||
<h2>🔮 Projections futures</h2>
|
||
|
||
<div class="alert">
|
||
<div class="alert-icon">📈</div>
|
||
<div class="alert-body">
|
||
<strong>Scénario de base (tendance +15–20%/an) :</strong>
|
||
<ul style="margin-top: 10px; padding-left: 20px;">
|
||
<li>2026 : 300 000–400 000 nids estimés</li>
|
||
<li>2030 : Totalité de la France continentale densément infestée</li>
|
||
<li>2035 : Colonisation probable de la majeure partie de l'Europe occidentale</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alert">
|
||
<div class="alert-icon">❓</div>
|
||
<div class="alert-body">
|
||
<strong>Variables d'incertitude :</strong>
|
||
<ul style="margin-top: 10px; padding-left: 20px;">
|
||
<li>Capacité adaptative au changement climatique (hivers plus doux = cicle reproductif prolongé)</li>
|
||
<li>Découverte de parasites naturels effectifs</li>
|
||
<li>Disponibilité de proies (stocks apicoles, insectes wild)</li>
|
||
<li>Efficacité des mesures locales à moyen terme</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<h3>Enjeux d'adaptation</h3>
|
||
<p style="color: var(--text-muted); margin-bottom: 20px;">Les décideurs publics doivent anticiper le coût de la gestion long terme et la transformation des écosystèmes. La recherche fondamentale (lutte biologique, génétique) est prioritaire mais n'aura d'impact opérationnel qu'après 2030–2035.</p>
|
||
</section>
|
||
|
||
<!-- SOURCES -->
|
||
<div class="sources">
|
||
<div class="sources-label">Sources scientifiques</div>
|
||
<a class="source-chip verified" href="https://frelonasiatique.mnhn.fr/" target="_blank" rel="noopener">MNHN/INPN · Rome & Villemant</a>
|
||
<a class="source-chip official" href="https://www.ecologie.gouv.fr/politiques-publiques/produits-biocides" target="_blank" rel="noopener">Plan national · Ministère TE · Mars 2026</a>
|
||
<a class="source-chip verified" href="https://questions.assemblee-nationale.fr/q16/16-5422QE.htm" target="_blank" rel="noopener">Assemblée nationale Q16-5422</a>
|
||
<a class="source-chip verified" href="https://www.inee.cnrs.fr/fr/cnrsinfo/invasion-du-frelon-asiatique-en-france-le-cout-de-la-lutte" target="_blank" rel="noopener">CNRS Écologie & Environnement</a>
|
||
<a class="source-chip" href="https://www.fdgdon50.com/Frelons-asiatiques" target="_blank" rel="noopener">FDGDON Manche · bilans annuels</a>
|
||
<a class="source-chip" href="https://www.patfrelons.fr/evolution-du-frelon-asiatique-en-france-et-en-europe/" target="_blank" rel="noopener">PAT Frelons</a>
|
||
<a class="source-chip" href="https://signalnids.fr/journal/frelon-asiatique-chiffres-2026/" target="_blank" rel="noopener">SignalNids.fr</a>
|
||
<a class="source-chip" href="https://frelonasiatique.mnhn.fr/plan-national-de-lutte-des-ovs-2024/" target="_blank" rel="noopener">FREDON France / GDS France</a>
|
||
<a class="source-chip official" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000051254501" target="_blank" rel="noopener">Loi n°2025-237 · 14 mars 2025</a>
|
||
<a class="source-chip" href="https://www.plateforme-esa.fr/fr/frelon-asiatique" target="_blank" rel="noopener">ITSAP / Plateforme ESA</a>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<!-- ═══ FOOTER ════════════════════════════════════════════════════════════════ -->
|
||
<footer>
|
||
<p>© 2024 NextGN Formation - Vespa velutina : Invasion de France</p>
|
||
<p style="margin-top: 10px; opacity: 0.6;">Tous droits réservés - Formateurs indépendants</p>
|
||
</footer>
|
||
|
||
<!-- ═══ JAVASCRIPT ════════════════════════════════════════════════════════════ -->
|
||
<script>
|
||
// Gestion du sommaire collapsible
|
||
const tocToggle = document.getElementById('tocToggle');
|
||
const tocPanel = document.getElementById('tocPanel');
|
||
const tocOverlay = document.getElementById('tocOverlay');
|
||
|
||
tocToggle.addEventListener('click', () => {
|
||
tocPanel.classList.toggle('active');
|
||
tocOverlay.classList.toggle('active');
|
||
});
|
||
|
||
tocOverlay.addEventListener('click', () => {
|
||
tocPanel.classList.remove('active');
|
||
tocOverlay.classList.remove('active');
|
||
});
|
||
|
||
document.querySelectorAll('.toc-link').forEach(link => {
|
||
link.addEventListener('click', () => {
|
||
tocPanel.classList.remove('active');
|
||
tocOverlay.classList.remove('active');
|
||
});
|
||
});
|
||
|
||
// Barre de progression au scroll
|
||
window.addEventListener('scroll', () => {
|
||
const progress = (window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100;
|
||
document.getElementById('progressBar').style.width = progress + '%';
|
||
});
|
||
|
||
// ═══ CHART 1 — DÉPARTEMENTS ════════════════════════════════════════════════
|
||
new Chart(document.getElementById('deptChart').getContext('2d'), {
|
||
type: 'bar',
|
||
data: {
|
||
labels: [2004,2006,2008,2010,2012,2014,2016,2018,2020,2022,2025],
|
||
datasets: [{
|
||
data: [1,13,30,40,56,67,78,88,95,100,101],
|
||
backgroundColor: [2004,2006,2008,2010,2012,2014,2016,2018,2020,2022,2025].map(y => y<=2020?'rgba(45,122,74,0.75)':'rgba(186,117,23,0.75)'),
|
||
borderColor: [2004,2006,2008,2010,2012,2014,2016,2018,2020,2022,2025].map(y => y<=2020?'#2d7a4a':'#BA7517'),
|
||
borderWidth: 1.5, borderRadius: 4
|
||
}]
|
||
},
|
||
options: {
|
||
responsive: true, maintainAspectRatio: false,
|
||
plugins: {
|
||
legend: { display: false },
|
||
tooltip: {
|
||
backgroundColor:'#fff', borderColor:'#BA7517', borderWidth:1,
|
||
titleColor:'#BA7517', bodyColor:'#1a1a18',
|
||
titleFont:{family:"'Syne',sans-serif",size:11, weight:700},
|
||
bodyFont:{family:"'DM Sans',sans-serif",size:12},
|
||
callbacks: {
|
||
title: i => `Année ${i[0].label}`,
|
||
label: i => ` ${i.raw} départements / 101`,
|
||
afterLabel: i => i.label<=2020 ? ' ✓ Source : MNHN/INPN' : ' ~ Sources consolidées'
|
||
}
|
||
}
|
||
},
|
||
scales: {
|
||
x: { grid:{color:'rgba(0,0,0,0.05)'}, ticks:{color:'#6b6a65',font:{family:"'DM Sans',sans-serif",size:11}}, border:{color:'rgba(0,0,0,0.1)'} },
|
||
y: { min:0, max:101, grid:{color:'rgba(0,0,0,0.05)'}, ticks:{color:'#6b6a65',font:{family:"'DM Sans',sans-serif",size:11}, callback:v=>v+' dép.'}, border:{color:'rgba(0,0,0,0.1)'} }
|
||
}
|
||
}
|
||
});
|
||
|
||
// ═══ CHART 2 — NIDS + PROJECTION ══════════════════════════════════════════
|
||
new Chart(document.getElementById('nidsChart').getContext('2d'), {
|
||
type: 'bar',
|
||
data: {
|
||
labels: [2020,2021,2022,2023,2024,2025,2026],
|
||
datasets: [
|
||
{
|
||
type:'bar', label:'Signalements confirmés',
|
||
data:[null,null,null,7500,13000,14000,null],
|
||
backgroundColor:'rgba(45,122,74,0.75)', borderColor:'#2d7a4a',
|
||
borderWidth:1.5, borderRadius:4, yAxisID:'y', order:2
|
||
},
|
||
{
|
||
type:'bar', label:'Estimation totale 2024',
|
||
data:[null,null,null,null,500000,null,null],
|
||
backgroundColor:'rgba(186,117,23,0.13)', borderColor:'rgba(186,117,23,0.5)',
|
||
borderWidth:1.5, borderRadius:4, yAxisID:'y', order:3
|
||
},
|
||
{
|
||
type:'bar', label:'Projection 2026',
|
||
data:[null,null,null,null,null,null,300000],
|
||
backgroundColor:'rgba(201,79,26,0.13)', borderColor:'rgba(201,79,26,0.55)',
|
||
borderWidth:1.5, borderRadius:4, yAxisID:'y', order:4
|
||
},
|
||
{
|
||
type:'line', label:'Tendance +15-20%/an',
|
||
data:[null,null,null,7500,13000,15000,17500],
|
||
borderColor:'rgba(201,79,26,0.65)', borderWidth:2, borderDash:[5,4],
|
||
pointBackgroundColor:'rgba(201,79,26,0.7)',
|
||
pointRadius:[0,0,0,4,4,4,4], pointHoverRadius:6,
|
||
fill:false, tension:0.35, yAxisID:'y', order:1
|
||
}
|
||
]
|
||
},
|
||
options: {
|
||
responsive:true, maintainAspectRatio:false,
|
||
plugins: {
|
||
legend:{display:false},
|
||
tooltip:{
|
||
backgroundColor:'#fff', borderColor:'#BA7517', borderWidth:1,
|
||
titleColor:'#BA7517', bodyColor:'#1a1a18',
|
||
titleFont:{family:"'Syne',sans-serif",size:11, weight:700},
|
||
bodyFont:{family:"'DM Sans',sans-serif",size:11},
|
||
callbacks: {
|
||
title: i => `Année ${i[0].label}`,
|
||
label: item => {
|
||
if(item.raw===null||item.raw===undefined) return null;
|
||
const k = item.raw>=1000 ? `${(item.raw/1000).toFixed(0)}k` : item.raw;
|
||
return [' Signalés : ',' Estimés totaux : ~',' Projection : ~',' Tendance : ~'][item.datasetIndex]+k+' nids';
|
||
},
|
||
afterLabel: item => {
|
||
if(item.datasetIndex===1) return ' ⚠ Extrapolation — non officiel';
|
||
if(item.datasetIndex===2) return ' ⚠ Projection — non officielle';
|
||
return '';
|
||
}
|
||
},
|
||
filter: item => item.raw!==null && item.raw!==undefined
|
||
}
|
||
},
|
||
scales: {
|
||
x: { grid:{color:'rgba(0,0,0,0.05)'}, ticks:{color:'#6b6a65',font:{family:"'DM Sans',sans-serif",size:11}}, border:{color:'rgba(0,0,0,0.1)'} },
|
||
y: { min:0, grid:{color:'rgba(0,0,0,0.05)'}, ticks:{color:'#6b6a65',font:{family:"'DM Sans',sans-serif",size:11}, callback:v=>v>=1000?`${(v/1000).toFixed(0)}k`:v}, border:{color:'rgba(0,0,0,0.1)'} }
|
||
}
|
||
}
|
||
});
|
||
|
||
// ═══ CHART 3 — MANCHE ══════════════════════════════════════════════════════
|
||
new Chart(document.getElementById('mancheChart').getContext('2d'), {
|
||
type: 'bar',
|
||
data: {
|
||
labels: ['2022','2023','2024'],
|
||
datasets: [{
|
||
data: [9924,7077,5083],
|
||
backgroundColor: ['rgba(201,79,26,0.7)','rgba(45,122,74,0.65)','rgba(45,122,74,0.65)'],
|
||
borderColor: ['#c94f1a','#2d7a4a','#2d7a4a'],
|
||
borderWidth:1.5, borderRadius:4
|
||
}]
|
||
},
|
||
options: {
|
||
responsive:true, maintainAspectRatio:false,
|
||
plugins: {
|
||
legend:{display:false},
|
||
tooltip:{
|
||
backgroundColor:'#fff', borderColor:'#BA7517', borderWidth:1,
|
||
titleColor:'#BA7517', bodyColor:'#1a1a18',
|
||
titleFont:{family:"'Syne',sans-serif",size:11, weight:700},
|
||
bodyFont:{family:"'DM Sans',sans-serif",size:12},
|
||
callbacks:{
|
||
title: i => `Manche (50) — ${i[0].label}`,
|
||
label: item => ` ${item.raw.toLocaleString('fr-FR')} nids localisés & signalés`,
|
||
afterLabel: () => ' Source : FDGDON Manche — bilan annuel'
|
||
}
|
||
}
|
||
},
|
||
scales: {
|
||
x: { grid:{color:'rgba(0,0,0,0.05)'}, ticks:{color:'#6b6a65',font:{family:"'DM Sans',sans-serif",size:11}}, border:{color:'rgba(0,0,0,0.1)'} },
|
||
y: { min:0, grid:{color:'rgba(0,0,0,0.05)'}, ticks:{color:'#6b6a65',font:{family:"'DM Sans',sans-serif",size:11}, callback:v=>v.toLocaleString('fr-FR')}, border:{color:'rgba(0,0,0,0.1)'} }
|
||
}
|
||
}
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|
||
|