${libelle} : ${a.data.val}${revendication}

htl.html`

${data_clean .filter(d => statuts_choisis.includes(d.statut)) .map(d => { const colonnes_actives = groupes_choisis.flat(); const formatTitle = (str) => { if (!str) return ""; if (str.length <= 23) return str; const indexEspace = str.lastIndexOf(" ", 23); if (indexEspace > -1) { return htl.html`${str.slice(0, indexEspace)}
${str.slice(indexEspace + 1)}`; } return str; }; const mapping = { "reco_ONU": "#475997", "reco_obs_ONU": "#829BC8", "reco_non_ONU": "#C6DFF6", "non_reco_ONU": "#94282F", "non_reco_obs_ONU": "#C46A6A", "non_reco_non_ONU": "#F6B7BC", "ONU_ayant_reco": "#EDBF52" }; const labelsMapping = { "reco_ONU": "UN member-states recognizing the State", "reco_obs_ONU": "UN observer-states recognizing the State", "reco_non_ONU": "Non-UN states recognizing the State", "non_reco_ONU": "UN member-states unrecognizing the State", "non_reco_obs_ONU": "UN observer-states unrecognizing the State", "non_reco_non_ONU": "Non-UN states unrecognizing the State", "ONU_ayant_reco": "UN member-states which used to recognize the state" }; const localColorScale = d3.scaleOrdinal() .domain(Object.keys(mapping)) .range(Object.values(mapping)); const width = 150, height = 150, radius = 75; const values = colonnes_actives .map(c => ({cat: c, val: d[c]})) .filter(v => v.val > 0); if (values.length === 0) return htl.html``; const pie = d3.pie().value(x => x.val).sort(null); const arc = d3.arc().innerRadius(0).outerRadius(radius); const arcs = pie(values); return htl.html`

${formatTitle(d.pays)}

`; })}

${(() => { const mapping = { "reco_ONU": "#475997", "reco_obs_ONU": "#829BC8", "reco_non_ONU": "#C6DFF6", "non_reco_ONU": "#94282F", "non_reco_obs_ONU": "#C46A6A", "non_reco_non_ONU": "#F6B7BC", "ONU_ayant_reco": "#EDBF52" }; const labelsMapping = { "reco_ONU": "Recog. by UN members", "reco_obs_ONU": "Recog. by UN observers", "reco_non_ONU": "Recog. by non-UN states", "non_reco_ONU": "Unrecog. by UN members", "non_reco_obs_ONU": "Unrecog. by UN observers", "non_reco_non_ONU": "Unrecog. by non-UN states", "ONU_ayant_reco": "Past recog. by UN members" }; const actives = groupes_choisis ? groupes_choisis.flat() : Object.keys(mapping); return Object.keys(mapping) .filter(k => actives.includes(k)) .map(key => htl.html`

${labelsMapping[key] || key}

`); })()}

Sources: New York Times, Le Monde, Wikipédia