fix(outcomes): delete breakdown bar graph from higher grad

Author: Mihoub2

client/src/boards/integration/charts-registry.tsx

@@ -184,9 +184,6 @@ export const chartsRegistry = {
   outcomesPhdDonut: lazy(
     () => import("../outcomes/pages/plus-haut-diplome/charts/diploma-donut")
   ),
-  outcomesPhdBreakdown: lazy(
-    () => import("../outcomes/pages/plus-haut-diplome/charts/breakdown-bar")
-  ),
   outcomesRepartition: lazy(
     () => import("../outcomes/pages/repartition/charts/repartition-column")
   ),

client/src/boards/outcomes/pages/comparaison-profils/profiles/index.tsx

@@ -17,6 +17,7 @@ const COHORT_YEAR = "2019-2020";
 const COHORT_SITUATION = "L1";
 
 const PROFILE_FIELDS: Array<{ field: OutcomesFilterField; label: string }> = [
+    { field: "groupe_disciplinaire", label: "Groupe disciplinaire" },
     { field: "sexe", label: "Sexe" },
     { field: "origine_sociale", label: "Origine sociale" },
     { field: "bac_type", label: "Type de baccalauréat" },
@@ -275,8 +276,10 @@ export default function ProfilesTab({ axisOptions, isLoadingOptions, cohortTotal
                         <Col key={i} xs={12} md={colSize}>
                             <div >
                                 <Title as="h3" look="h6" className="fr-mb-1w">Profil {badge}</Title>
-                                {!d || !d.rows?.length ? (
-                                    <Text size="sm" className="fr-mb-0">{queries[i]?.isLoading ? "Chargement…" : "Sélectionnez des critères"}</Text>
+                                {queries[i]?.isLoading ? (
+                                    <DefaultSkeleton height="200px" />
+                                ) : !d || !d.rows?.length ? (
+                                    <Text size="sm" className="fr-mb-0">Sélectionnez des critères</Text>
                                 ) : (
                                     <ChartWrapper
                                         hideTitle

client/src/boards/outcomes/pages/methodologie/index.tsx

@@ -18,6 +18,22 @@ export default function MethodologiePage() {
                             Méthodologie et définitions
                         </Title>
 
+                        <Title as="h2" look="h5" className="fr-mt-3w fr-mb-2w">
+                            Données
+                        </Title>
+
+                        <p className="fr-mb-2w">
+                            Gestion des doubles inscriptions : les étudiants peuvent s'inscrire dans plusieurs formations ou dans une même formation dans différents établissements. Seule la formation "principale" est conservée, c'est-à-dire celle menant au diplôme le plus élevé. Les étudiants inscrits en CPGE et simultanément en licence sont exclus du champ.
+                        </p>
+
+                        <p className="fr-mb-2w">
+                            Sources : les informations sur les lieux de scolarisation en terminale et les résultats au baccalauréat sont issus du système d'information CYCLADES du ministère de l'éducation nationale (MEN). Les inscriptions et diplomations à l'université et dans les écoles d'ingénieur, de commerce et de la culture sont issues du dispositif SISE du ministère de l'enseignement supérieur, de la recherche et de l'espace (MESRE). Les réorientations et diplomations en BTS ou en CPGE sont retrouvées grâce au système d'information SCOLARITE et SCOLEGE du MEN et du MESRE. Lorsqu'un étudiant qui souhaite se réorienter accepte sur Parcoursup une formation pour laquelle les données individuelles ne sont pas disponibles, on considère qu'il est effectivement inscrit dans cette formation.
+                        </p>
+
+                        <p>
+                            <b>Champ :</b> Les néo-bacheliers inscrits en L1 en 2019
+                        </p>
+
                         <Title as="h2" look="h5" className="fr-mt-3w fr-mb-2w">
                             Définitions
                         </Title>
@@ -61,22 +77,6 @@ export default function MethodologiePage() {
                                 Sorties récurrentes sans dépasser le niveau BAC+2 : non-diplômés qui ne s'inscrivent pas plus de 2 fois dans l'enseignement supérieur durant la période d'observation et ne dépasse jamais le niveau BAC+2.
                             </li>
                         </ul>
-
-                        <Title as="h2" look="h5" className="fr-mt-3w fr-mb-2w">
-                            Données
-                        </Title>
-
-                        <p className="fr-mb-2w">
-                            Gestion des doubles inscriptions : les étudiants peuvent s'inscrire dans plusieurs formations ou dans une même formation dans différents établissements. Seule la formation "principale" est conservée, c'est-à-dire celle menant au diplôme le plus élevé. Les étudiants inscrits en CPGE et simultanément en licence sont exclus du champ.
-                        </p>
-
-                        <p className="fr-mb-2w">
-                            Sources : les informations sur les lieux de scolarisation en terminale et les résultats au baccalauréat sont issus du système d'information CYCLADES du ministère de l'éducation nationale (MEN). Les inscriptions et diplomations à l'université et dans les écoles d'ingénieur, de commerce et de la culture sont issues du dispositif SISE du ministère de l'enseignement supérieur, de la recherche et de l'espace (MESRE). Les réorientations et diplomations en BTS ou en CPGE sont retrouvées grâce au système d'information SCOLARITE et SCOLEGE du MEN et du MESRE. Lorsqu'un étudiant qui souhaite se réorienter accepte sur Parcoursup une formation pour laquelle les données individuelles ne sont pas disponibles, on considère qu'il est effectivement inscrit dans cette formation.
-                        </p>
-
-                        <p>
-                            <b>Champ :</b> Les néo-bacheliers inscrits en L1 en 2019
-                        </p>
                     </div>
                 </Col>
             </Row>

client/src/boards/outcomes/pages/plus-haut-diplome/charts/breakdown-bar/index.tsx

@@ -47,9 +47,9 @@ export function createDiplomaDonutOptions(
         chart: { height: 320, backgroundColor: "transparent" },
         legend: {
             enabled: true,
-            layout: "vertical",
-            align: "right",
-            verticalAlign: "middle",
+            layout: "horizontal",
+            align: "center",
+            verticalAlign: "bottom",
             labelFormatter() {
                 const p = this as unknown as { name: string; percentage: number };
                 return `${p.name} — ${formatPercent(p.percentage)}`;

client/src/boards/outcomes/pages/plus-haut-diplome/charts/breakdown-bar/options.tsx

@@ -11,7 +11,6 @@ import OutcomesFilterSelect from "../../components/filter-select/index.tsx";
 import OutcomesDefinitionsTable from "../../components/definitions-table/index.tsx";
 import { OUTCOMES_DEFINITIONS } from "../../components/definitions-table/data.tsx";
 import DiplomaDonut from "./charts/diploma-donut";
-import BreakdownBar from "./charts/breakdown-bar";
 
 const DEFAULT_COHORT_YEAR = "2019-2020";
 const DEFAULT_COHORT_SITUATION = "L1";
@@ -58,13 +57,6 @@ const FILTER_SECTIONS: Array<{
 
 const FILTER_FIELDS: OutcomesFilterField[] = FILTER_SECTIONS.flatMap((s) => s.fields.map((f) => f.field));
 
-const BREAKDOWN_SECTIONS: Array<{ title: string; field: OutcomesFilterField }> = [
-    { title: "Par groupe disciplinaire", field: "groupe_disciplinaire" },
-    { title: "Par sexe", field: "sexe" },
-    { title: "Par origine sociale", field: "origine_sociale" },
-    { title: "Par type de bac", field: "bac_type" },
-    { title: "Par retard scolaire", field: "retard_scolaire" },
-];
 
 function formatNumber(n: number): string {
     return Math.round(n).toLocaleString("fr-FR");
@@ -282,21 +274,6 @@ export default function PlusHautDiplomePage() {
                                         <DiplomaDonut />
                                     </Col>
                                 </Row>
-                                <Row className="fr-mt-3w">
-                                    <Col>
-                                        <Title as="h2" look="h5" className="fr-mt-3w fr-mb-2w">Diplômés vs non diplômés</Title>
-                                        {BREAKDOWN_SECTIONS.map(({ field }) => {
-                                            const options = data.filterOptions?.[field] || [];
-                                            const activeKey = filters[field];
-                                            const filteredOptions = activeKey
-                                                ? options.filter((o) => o.key === activeKey)
-                                                : options;
-                                            const withData = filteredOptions.filter((o) => (o.dipl ?? 0) + (o.ndipl ?? 0) > 0);
-                                            if (!withData.length) return null;
-                                            return <BreakdownBar key={field} field={field} />;
-                                        })}
-                                    </Col>
-                                </Row>
                             </>
                         )}