{ const container = html`

`; yield container; const bounds = L.latLngBounds( [45.8, 5.4], [47.6, 8.1] ); const map = L.map(container, { zoom: 9, minZoom: 9, maxZoom: 12, maxBounds: bounds, zoomControl: true, scrollWheelZoom: true }); map.fitBounds(bounds, { padding: [50, 50] }); const statsMap = new Map(communesStats.map(d => [d.COM_FOSNR, d])); function getColor(value, metric) { if (value === null || value === undefined) return '#dfdfdf'; if (metric === "pct_feminin_patronymes") { if (value === 0) return '#ffffff'; // blanc pour 0% féminin return value > 87.5 ? '#D84315' : value > 75 ? '#F4511E' : value > 62.5 ? '#FF6F00' : value > 50 ? '#FF9800' : value > 37.5 ? '#FFB74D' : value > 25 ? '#FFCC80' : value > 12.5 ? '#FFE0B2' : value > 0 ? '#FFF3E0' : '#DFDFDF'; } else if (metric === "pct_masculin_patronymes") { if (value === 0) return '#ffffff'; return value > 87.5 ? '#1B5E20' : value > 75 ? '#2E7D32' : value > 62.5 ? '#43A047' : value > 50 ? '#66BB6A' : value > 37.5 ? '#81C784' : value > 25 ? '#A5D6A7' : value > 12.5 ? '#C8E6C9' : value > 0 ? '#E8F5E9' : '#DFDFDF'; } else { // score_parite return value > 88.9 ? '#D84315' : value > 77.8 ? '#F4511E' : value > 66.7 ? '#FF6F00' : value > 55.6 ? '#FF9800' : value > 44.4 ? '#FDD835' : // JAUNE = parité value > 33.3 ? '#9CCC65' : value > 22.2 ? '#66BB6A' : value > 11.1 ? '#43A047' : value > 0 ? '#2E7D32' : '#DFDFDF'; } } const filteredFeatures = communes_geo.features.filter(feature => { const ofs = feature.properties.GDENR; const stats = statsMap.get(ofs); if (stats && CANTONS_ROMANDS_COMPLETS.includes(stats.COM_CANTON)) { return true; } if (COMMUNES_ROMANDES_OFS.has(ofs)) { return true; } return false; }); L.geoJSON( { type: "FeatureCollection", features: filteredFeatures }, { style: function(feature) { const stats = statsMap.get(feature.properties.GDENR); const hasEnoughData = stats && stats.rues_avec_patronyme >= seuil_leaflet; const value = hasEnoughData ? stats[metrique_leaflet] : null; return { fillColor: getColor(value, metrique_leaflet), weight: 1, opacity: 1, color: '#ffffff', fillOpacity: 1 }; }, onEachFeature: function(feature, layer) { const ofs = feature.properties.GDENR; const stats = statsMap.get(ofs); const communeName = feature.properties.GDENAME; const canton = feature.properties.KTKZ; // commune + canton if (!stats || stats.rues_avec_patronyme < seuil_leaflet) { const popupContent = `

${communeName}

${canton}

`; layer.bindPopup(popupContent, { maxWidth: 220, className: "custom-popup" }); return; } // commune + canton + statistiques const popupContent = `

${communeName}

${canton}

Total rues ${stats.total_rues}

Avec patronyme ${stats.rues_avec_patronyme}

Féminins ${stats.feminins} (${stats.pct_feminin_patronymes.toFixed(1)}%)

Masculins ${stats.masculins} (${stats.pct_masculin_patronymes.toFixed(1)}%)

SCORE DE PARITÉ

${stats.score_parite === null ? "—" : stats.score_parite.toFixed(1)}

`; layer.bindPopup(popupContent, { maxWidth: 250, className: "custom-popup" }); layer.on("mouseover", e => { e.target.setStyle({ weight: 2, color: "#454545" }); if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { e.target.bringToFront(); } }); layer.on("mouseout", e => { e.target.setStyle({ weight: 1, color: "#ffffff", fillOpacity: 1 }); }); } } ).addTo(map); setTimeout(() => map.invalidateSize(), 100); const legendTitles = { pct_feminin_patronymes: "Part de patro-toponyme féminin (%)", pct_masculin_patronymes: "Part de patro-toponyme masculins (%)", score_parite: "Score de parité" }; const colorScales = { pct_feminin_patronymes: [ { min: 87.5, color: '#D84315', label: '> 87.5%' }, { min: 75, color: '#F4511E', label: '75 – 87.5%' }, { min: 62.5, color: '#FF6F00', label: '62.5 – 75%' }, { min: 50, color: '#FF9800', label: '50 – 62.5%' }, { min: 37.5, color: '#FFB74D', label: '37.5 – 50%' }, { min: 25, color: '#FFCC80', label: '25 – 37.5%' }, { min: 12.5, color: '#FFE0B2', label: '12.5 – 25%' }, { min: 0.01, color: '#FFF3E0', label: '0.01 – 12.5%' }, { min: 0, color: '#ffffff', label: '0% (aucune femme)' }, { min: -1, color: '#DFDFDF', label: 'Hors sélection' } ], pct_masculin_patronymes: [ { min: 87.5, color: '#1B5E20', label: '> 87.5%' }, { min: 75, color: '#2E7D32', label: '75 – 87.5%' }, { min: 62.5, color: '#43A047', label: '62.5 – 75%' }, { min: 50, color: '#66BB6A', label: '50 – 62.5%' }, { min: 37.5, color: '#81C784', label: '37.5 – 50%' }, { min: 25, color: '#A5D6A7', label: '25 – 37.5%' }, { min: 12.5, color: '#C8E6C9', label: '12.5 – 25%' }, { min: 0.01, color: '#E8F5E9', label: '0.01 – 12.5%' }, { min: 0, color: '#ffffff', label: '0% (aucun homme)' }, { min: -1, color: '#DFDFDF', label: 'Hors sélection' } ], score_parite: [ { min: 88.9, color: '#D84315', label: 'Très forte majorité féminine (>88.9%)' }, { min: 77.8, color: '#F4511E', label: 'Forte majorité féminine (77.8-88.9%)' }, { min: 66.7, color: '#FF6F00', label: 'Majorité féminine (66.7-77.8%)' }, { min: 55.6, color: '#FF9800', label: 'Tendance féminine (55.6-66.7%)' }, { min: 44.4, color: '#FDD835', label: 'Parité (44.4-55.6%)' }, { min: 33.3, color: '#9CCC65', label: 'Tendance masculine (33.3-44.4%)' }, { min: 22.2, color: '#66BB6A', label: 'Majorité masculine (22.2-33.3%)' }, { min: 11.1, color: '#43A047', label: 'Forte majorité masculine (11.1-22.2%)' }, { min: 0, color: '#2E7D32', label: 'Très forte majorité masculine (<11.1%)' }, { min: -1, color: '#DFDFDF', label: 'Hors sélection' } ] }; function createLegend(metrique_leaflet) { const legend = L.control({ position: 'topleft' }); legend.onAdd = function () { const div = L.DomUtil.create('div', 'info legend'); const scale = colorScales[metrique_leaflet]; const title = legendTitles[metrique_leaflet]; div.innerHTML = ` ${title} ${metrique_leaflet === "score_parite" ? `

` : `

Pourcentage

` } ${scale.map(d => `

${d.label}

`).join('')} `; return div; }; return legend; } { if (window.currentLegend) { map.removeControl(window.currentLegend); } window.currentLegend = createLegend(metrique_leaflet); window.currentLegend.addTo(map); } return container; } // Cette visualisation a partiellement été générée à l'aide de claude.ai (couleurs et mise en forme du HTML).