diff --git a/frontend/src/pages/DonutPage.vue b/frontend/src/pages/DonutPage.vue index 0464ea9..59414d0 100644 --- a/frontend/src/pages/DonutPage.vue +++ b/frontend/src/pages/DonutPage.vue @@ -53,13 +53,18 @@ async function load() { onMounted(load) // --- Géométrie (en unités du viewBox) --- +// +// Les anneaux du plancher social et leurs labels ont été agrandis pour rester +// lisibles : circonférence ≈ 2π × R, donc plus R est grand, plus chaque label +// d'arc dispose de place. Le centre et le ring extérieur ne bougent pas, c'est +// uniquement la zone intérieure qui grossit, en mangeant un peu sur l'espace sûr. const R_PLANET_LABEL = 252 // étiquettes des limites planétaires (extérieur) const R_CEILING_OUTER = 225 const R_CEILING_INNER = 200 -const R_FLOOR_OUTER = 100 -const R_FLOOR_INNER = 78 -const R_SOCIAL_LABEL = 67 // étiquettes des dimensions du plancher social (intérieur) -const R_CENTER = 50 +const R_FLOOR_OUTER = 125 // ↑ (était 100) +const R_FLOOR_INNER = 102 // ↑ (était 78) +const R_SOCIAL_LABEL = 88 // ↑ (était 67) — arc de label = 2π·88/12 ≈ 46u +const R_CENTER = 55 // ↑ légèrement pour ne pas écraser "LE DONUT" /** Les 9 limites planétaires de Kate Raworth, placées autour de l'anneau extérieur. */ const PLANETARY_BOUNDARIES = [ @@ -221,11 +226,12 @@ const dots = computed(() => { const n = categories.value.length const step = 360 / n - // Bands selon la dimension (intérieur/extérieur/milieu). + // Bands selon la dimension (zone sûre = R_FLOOR_OUTER..R_CEILING_INNER, soit 75u de large). + // Recalibrées pour le nouveau dimensionnement (floor agrandi). const BANDS: Record = { - social: [R_FLOOR_OUTER + 8, R_FLOOR_OUTER + 40], // 108..140 - ecologique: [R_CEILING_INNER - 40, R_CEILING_INNER - 8], // 160..192 - transversal: [R_FLOOR_OUTER + 42, R_CEILING_INNER - 42], // 142..158 + social: [R_FLOOR_OUTER + 5, R_FLOOR_OUTER + 23], // 130..148 (proche du plancher) + transversal: [R_FLOOR_OUTER + 26, R_CEILING_INNER - 26], // 151..174 (au milieu) + ecologique: [R_CEILING_INNER - 23, R_CEILING_INNER - 5], // 177..195 (proche du plafond) } // Groupage par catégorie pour répartir angulairement. @@ -389,7 +395,7 @@ function gotoProject(p: ProjectListRow) { {{ s.label }}