43:["$","title",null,{"children":"Protection des personnels éducatifs - témoignages | DCDP | Observable"}] 4b:T179b,{ // 1. SÉCURITÉ ANTI-DOUBLONS SUR OBSERVABLE const oldMenu = document.querySelector("#monMenuFlottantRoot"); if (oldMenu) oldMenu.remove(); // 2. CRÉATION DU CONTENEUR DANS L'IFRAME const container = d3.create("div").attr("id", "monMenuFlottantRoot"); container.append("style").html(` .fab-container-fixed { position: fixed !important; top: 25px !important; right: 25px !important; z-index: 2147483647 !important; font-family: sans-serif; } .fab-trigger-btn { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; border: none; transition: transform 0.2s ease-in-out; } .fab-trigger-btn:hover { transform: scale(1.08); } .fab-content-menu { position: absolute; top: 70px; right: 0; width: 300px; max-height: 380px; overflow-y: auto; transform-origin: bottom right; border: none; } .fab-content-menu.collapsed { display: none !important; } .fab-content-menu::-webkit-scrollbar { width: 5px; } .fab-content-menu::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 3px; } `); const wrapper = container.append("div").attr("class", "fab-container-fixed"); const iconBurger = ``; const iconClose = ``; const toggleBtn = wrapper.append("button") .attr("class", "btn btn-primary shadow-lg fab-trigger-btn") .html(iconBurger); const sidebar = wrapper.append("div") .attr("class", "card bg-dark text-light fab-content-menu p-3 shadow-lg rounded-3 collapsed"); sidebar.append("h6") .attr("class", "text-uppercase tracking-wider border-bottom border-secondary pb-2 mb-2 fw-bold small text-muted") .text("📋 Sommaire"); const menuList = sidebar.append("ul") .attr("class", "nav nav-pills flex-column mb-auto"); // 3. (RE)CONSTRUCTION DYNAMIQUE DU SOMMAIRE let lastSignature = null; function buildMenu() { const titresH2 = [...document.querySelectorAll("h2")] .filter(t => !t.textContent.includes("Sommaire")); // Ne reconstruit que si la liste des titres a changé const signature = titresH2.map(t => t.textContent.trim()).join("|"); if (signature === lastSignature) return; lastSignature = signature; menuList.selectAll("*").remove(); titresH2.forEach(titre => { const li = menuList.append("li").attr("class", "nav-item mb-1"); const lien = li.append("a") .attr("class", "nav-link text-light text-opacity-75 bg-hover-secondary py-1.5 px-2 rounded") .style("cursor", "pointer") .style("line-height", "1.3") .style("border-right", "3px solid transparent") .on("click", (event) => { event.preventDefault(); titre.scrollIntoView({ behavior: "smooth", block: "start" }); sidebar.classed("collapsed", true); toggleBtn.html(iconBurger); }); titre.textContent.split(" / ").forEach((segment, idx) => { lien.append("div") .attr("class", idx === 0 ? "fw-bold small text-end" : "text-muted small ps-1 text-end") .text(segment.trim()); }); lien.on("mouseover", function() { d3.select(this).style("border-right-color", "#0d6efd").style("background-color", "rgba(255,255,255,0.08)"); }) .on("mouseout", function() { d3.select(this).style("border-right-color", "transparent").style("background-color", "transparent"); }); }); const liTop = menuList.append("li").attr("class", "nav-item mt-2 pt-2 border-top border-secondary"); liTop.append("a") .attr("class", "nav-link text-primary text-end py-1 px-2 small fw-bold") .style("cursor", "pointer") .text("▲ Haut de page") .on("click", (event) => { event.preventDefault(); window.scrollTo({ top: 0, behavior: "smooth" }); sidebar.classed("collapsed", true); toggleBtn.html(iconBurger); }); } // Premier scan + observation des changements du DOM (avec debounce) let timer = null; const observer = new MutationObserver(() => { clearTimeout(timer); timer = setTimeout(buildMenu, 300); }); setTimeout(buildMenu, 600); observer.observe(document.body, { childList: true, subtree: true, characterData: true }); // 4. LOGIQUE INTERACTIVE toggleBtn.on("click", function(event) { event.stopPropagation(); const isCollapsed = sidebar.classed("collapsed"); sidebar.classed("collapsed", !isCollapsed); d3.select(this).html(isCollapsed ? iconClose : iconBurger); }); const fermer = () => { sidebar.classed("collapsed", true); toggleBtn.html(iconBurger); }; document.addEventListener("click", fermer); // Position du bouton liée au scroll de l'iframe const gererScroll = () => { wrapper.style("top", `${window.scrollY + window.innerHeight - 80}px`); }; window.addEventListener("scroll", gererScroll); window.addEventListener("resize", gererScroll); setTimeout(gererScroll, 100); // Nettoyage si la cellule est réévaluée invalidation.then(() => { observer.disconnect(); clearTimeout(timer); document.removeEventListener("click", fermer); window.removeEventListener("scroll", gererScroll); window.removeEventListener("resize", gererScroll); }); return container.node(); }4c:T1c44,{ // 1. Vos paramètres et données const configOptions = [ { colonne: "G1Q1Aa", valeurRecherchee: "Oui", labelAffiche: "Des insultes, injures ou propos humiliants dirigés contre vous ou vos proches" }, { colonne: "G1Q1Ab", valeurRecherchee: "Oui", labelAffiche: "Des menaces contre vous ou vos proches " }, { colonne: "G1Q1Ac", valeurRecherchee: "Oui", labelAffiche: "Un comportement destiné à vous intimider, sans agression physique" }, { colonne: "G1Q1Ad", valeurRecherchee: "Oui", labelAffiche: "Des pressions ou menaces visant à vous faire prendre ou modifier une décision professionnelle" }, { colonne: "G1Q1Ae", valeurRecherchee: "Oui", labelAffiche: "Des pressions, menaces ou contestations agressives visant le contenu de votre enseignement" }, { colonne: "G1Q1Af", valeurRecherchee: "Oui", labelAffiche: "Des mises en cause répétées ou vécues comme agressives de votre compétence, de votre probité ou de votre légitimité professionnelle" } ]; const titreAxeY = "Agressions verbales ou comportements intimidants"; // Modifiez ce texte selon vos besoins const partie = "1a"; const nbOptionsParPersonne = data.map(ligne => { let nbCoches = 0; configOptions.forEach(item => { if (ligne[item.colonne] === item.valeurRecherchee) { nbCoches++; } }); return nbCoches; }); const nbOptionsParPersonneFiltre = nbOptionsParPersonne.filter(x => x > 0); const totalRepondants = nbOptionsParPersonneFiltre.length; const donneesBrutes = configOptions.map(item => { const nbCoches = data.filter(ligne => ligne[item.colonne] === item.valeurRecherchee).length; return { label: item.labelAffiche, coches: nbCoches }; }); const totalAbsoluReponses = d3.sum(donneesBrutes, d => d.coches); const donneesTraitees = donneesBrutes.map(d => ({ label: d.label, brut: d.coches, penetration: (d.coches / totalRepondants) * 100, marche: (d.coches / totalAbsoluReponses) * 100 })); // 2. Définition des dimensions const margin = { top: 30, right: 80, bottom: 30, left: 300 }, width = 900 - margin.left - margin.right, height = 600 - margin.top - margin.bottom; // 3. CRÉATION DU CONTENEUR UNIQUE (L'astuce Observable) // On crée un div parent qui contiendra les boutons ET le SVG const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`Parmi les personnes ayant déclaré au moins un type d'agression, répartition des réponses`); const cardBody = container.append("div") .attr("class", "card-body"); // Ajout des boutons radio directement via D3 const controls = cardBody.append("div").attr("class", "controls"); controls.html(`

Pourcentage par rapport au nombre de répondants Pourcentage par rapport au total des réponses exprimées

`); const svgContainer = cardBody.append("div") // Ajout du SVG dans le conteneur const svg = svgContainer.append("svg") .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", `translate(${margin.left},${margin.top})`); // 4. LES ÉCHELLES STATIQUES ET AXE Y (Créés une seule fois) const y = d3.scaleBand() .range([0, height]) .domain(donneesTraitees.map(d => d.label)) .padding(0.4); const yAxisG = svg.append("g").attr("class", "axe-y"); const ticks = yAxisG.selectAll(".tick") .data(donneesTraitees) .join("g") .attr("class", "tick") .attr("transform", d => `translate(0, ${y(d.label) + y.bandwidth() / 2})`); ticks.each(function(d) { const textElement = d3.select(this).append("text") .attr("x", -10) .attr("text-anchor", "end") .attr("dominant-baseline", "middle") .style("font-family", "sans-serif") .style("font-size", "11px") .style("fill", "#495057"); const segments = d.label.split(" / "); if (segments.length > 1) { textElement.append("tspan").attr("x", -10).attr("dy", "-0.6em").text(segments[0]); textElement.append("tspan").attr("x", -10).attr("dy", "1.2em").text(segments[1]); } else { textElement.text(d.label); } }); // Légende fixe Axe Y svg.append("text") .attr("class", "axe-y-titre") .attr("text-anchor", "middle") .attr("transform", `rotate(-90)`) .attr("y", -margin.left + 25) .attr("x", -height / 2) .style("font-family", "sans-serif") .style("font-size", "12px") .style("font-weight", "bold") .style("fill", "#6c757d") .text(titreAxeY); const color = d3.scaleOrdinal() .domain(donneesTraitees.map(d => d.label)) .range(d3.schemeCategory10); const maxPenetration = d3.max(donneesTraitees, d => d.penetration); const maxMarche = d3.max(donneesTraitees, d => d.marche); const maxAbsolu = d3.max([maxPenetration, maxMarche]); // L'échelle X est globale et fixe, calée sur le plus grand pourcentage possible + une marge const x = d3.scaleLinear() .domain([0, maxAbsolu * 1.15]) .range([0, width]); // Injection unique de l'axe X avec ses valeurs fixes const xAxisG = svg.append("g") .attr("class", "axe-x-conteneur") .attr("transform", `translate(0,${height})`); xAxisG.call(d3.axisBottom(x).ticks(5).tickFormat(d => d.toFixed(0) + "%")) .selectAll("text") .style("fill", "#6c757d"); // 5. LA FONCTION DE MISE À JOUR INTERNALISÉE function update(modeSelectionne) { // Transition des Barres svg.selectAll(".barre") .data(donneesTraitees, d => d.label) .join("rect") .attr("class", "barre") .attr("y", d => y(d.label)) .attr("height", y.bandwidth()) .attr("x", 0) .attr("fill", d => color(d.label)) .attr("rx", 4) .transition() .duration(750) .attr("width", d => x(d[modeSelectionne])); // Transition des Labels numériques svg.selectAll(".label-valeur") .data(donneesTraitees, d => d.label) .join("text") .attr("class", "label-valeur") .attr("y", d => y(d.label) + y.bandwidth() / 2 + 4) .style("font-family", "sans-serif") .style("font-size", "12px") .style("font-weight", "bold") .style("fill", "#212529") .transition() .duration(750) .attr("x", d => x(d[modeSelectionne]) + 8) .text(d => `${d.brut} (${d[modeSelectionne].toFixed(1)}%)`); } // 6. INITIALISATION ET ÉCOUTEURS update("penetration"); controls.selectAll("input[name='mode-" + nomColonneFiltre + "']").on("change", function() { update(this.value); }); // RENVOI DU CONTENEUR COMPLET À OBSERVABLE // À chaque modification du code, Observable détruit l'ancien noeud et affiche le nouveau return container.node(); }64:T14df,{ // 1. Vos paramètres et données const nomColonneFiltre = "G1Q4b"; // La colonne de la question globale const valeurFiltreRecherchee = "Oui"; const configOptions = [ { colonne: "G1Q4bAnnee[L001]", valeurRecherchee: 2020, labelAffiche: "2020" }, { colonne: "G1Q4bAnnee[L002]", valeurRecherchee: 2021, labelAffiche: "2021" }, { colonne: "G1Q4bAnnee[L003]", valeurRecherchee: 2022, labelAffiche: "2022" }, { colonne: "G1Q4bAnnee[L004]", valeurRecherchee: 2023, labelAffiche: "2023" }, { colonne: "G1Q4bAnnee[L005]", valeurRecherchee: 2024, labelAffiche: "2024" }, { colonne: "G1Q4bAnnee[L006]", valeurRecherchee: 2025, labelAffiche: "2025" }, { colonne: "G1Q4bAnnee[L007]", valeurRecherchee: 2026, labelAffiche: "2026" } ]; const titreAxeX = "Nombre d'années déclarées"; const titreAxeY = "Nombre de répondants"; const titre = "Depuis 2020, avez-vous renoncé à toute autre activité professionnelle ? - Si oui, nombre d'années déclarées"; const donneesFiltrees = data.filter(ligne => ligne[nomColonneFiltre] === valeurFiltreRecherchee ); // 1. On calcule le score strict de chaque ligne filtrée (Base 822) const nbOptionsParPersonne = donneesFiltrees.map(ligne => { let nbCoches = 0; configOptions.forEach(item => { if (ligne[item.colonne] === item.valeurRecherchee) { nbCoches++; } }); return nbCoches; }); // 2. On bâtit la distribution (En commençant à 1 pour exclure les scores à 0) const maxOptions = configOptions.length; const distributionBrute = []; for (let i = 1; i <= maxOptions; i++) { // On compte combien d'individus ont un score EXACTEMENT égal à i const nbPersonnes = nbOptionsParPersonne.filter(score => score === i).length; distributionBrute.push({ nbOptions: i, nbRepondants: nbPersonnes }); } // Calcul du total des personnes ayant coché au moins 1 option (Base 100%) const totalRepondantsEffectifs = d3.sum(distributionBrute, d => d.nbRepondants); // Ajout de la propriété pourcentage dans nos données const distribution = distributionBrute.map(d => ({ ...d, pourcentage: totalRepondantsEffectifs > 0 ? (d.nbRepondants / totalRepondantsEffectifs) * 100 : 0 })); // 3. DIMENSIONS DU GRAPH const margin = { top: 30, right: 30, bottom: 50, left: 60 }, width = 900 - margin.left - margin.right, height = 600 - margin.top - margin.bottom; // Conteneur unique pour Observable const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`${titre}`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", `translate(${margin.left},${margin.top})`); // 4. ÉCHELLES & AXES const x = d3.scaleBand() .domain(distribution.map(d => d.nbOptions)) .range([0, width]) .padding(0.2); svg.append("g") .attr("transform", `translate(0,${height})`) .call(d3.axisBottom(x)) .selectAll("text") .style("font-size", "12px"); const y = d3.scaleLinear() .domain([0, d3.max(distribution, d => d.nbRepondants) * 1.15]) // Marge pour accueillir le label textuel .range([height, 0]); svg.append("g") .call(d3.axisLeft(y).ticks(5)) .selectAll("text") .style("font-size", "12px"); // 5. DESSIN DES BARRES VERTICALES svg.selectAll(".barre-dist") .data(distribution) .join("rect") .attr("class", "barre-dist") .attr("x", d => x(d.nbOptions)) .attr("y", d => y(d.nbRepondants)) .attr("width", x.bandwidth()) .attr("height", d => height - y(d.nbRepondants)) .attr("fill", "#4e73df") .attr("rx", 3); // 6. LÉGENDES TEXTUELLES EN HAUT DES BARRES : "Chiffre (Pourcentage%)" svg.selectAll(".label-dist") .data(distribution) .join("text") .attr("class", "label-dist") .attr("x", d => x(d.nbOptions) + x.bandwidth() / 2) .attr("y", d => y(d.nbRepondants) - 8) // Un poil plus haut pour laisser de la place .attr("text-anchor", "middle") .style("font-family", "sans-serif") .style("font-size", "11px") .style("font-weight", "bold") .style("fill", "#333") .text(d => d.nbRepondants > 0 ? `${d.nbRepondants} (${d.pourcentage.toFixed(1)}%)` : ""); // 7. TITRES DES AXES svg.append("text") .attr("text-anchor", "middle") .attr("x", width / 2) .attr("y", height + margin.bottom - 10) .style("font-family", "sans-serif") .style("font-size", "12px") .style("font-weight", "bold") .style("fill", "#666") .text(titreAxeX); svg.append("text") .attr("text-anchor", "middle") .attr("transform", "rotate(-90)") .attr("y", -margin.left + 20) .attr("x", -height / 2) .style("font-family", "sans-serif") .style("font-size", "12px") .style("font-weight", "bold") .style("fill", "#666") .text(titreAxeY); return container.node(); } 65:T110e,{ const codeQuestion = 'G2Q5' const form = formG2Q5 let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`5. Avez-vous confiance dans la capacité des services académiques à organiser une protection adaptée à votre situation dans le cas où vous seriez menacé dans le cadre de vos fonctions ou en raison de celles-ci ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); return container.node(); }66:T10f2,{ const codeQuestion = 'G2Q6' const form = formG2Q6 let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`6. Pensez-vous pouvoir compter sur le soutien de votre supérieur hiérarchique direct dans le cas où vous vous sentiriez menacé dans le cadre de vos fonctions ou en raison de celles-ci ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); return container.node(); }67:T10db,{ const codeQuestion = 'G2Q7' const form = formG2Q7 let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`7. Pensez-vous pouvoir compter sur le soutien de vos collègues dans le cas où vous vous sentiriez menacé dans le cadre de vos fonctions ou en raison de celles-ci ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); return container.node(); }68:T10b4,{ const codeQuestion = 'G2Q8a' const form = formG2Q8a let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`8. Depuis la rentrée 2024, votre hiérarchie vous a-t-elle encouragé à minimiser un incident concernant votre sécurité ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); return container.node(); }69:T10ba,{ const codeQuestion = 'G2Q8b' const form = formG2Q8b let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`8. Depuis la rentrée 2024, votre hiérarchie vous a-t-elle encouragé à ne pas signaler un incident concernant votre sécurité ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); return container.node(); }6a:T10c7,{ const codeQuestion = 'G3Q9' const form = formG3Q9 let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`9. Depuis la rentrée 2024, votre administration vous a-t-elle transmis des consignes sur la conduite à tenir en cas de menace ou d’agression ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); return container.node(); }6b:T10b7,{ const codeQuestion = 'G3Q10' const form = formG3Q10 let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`10. Les démarches pour obtenir une protection vous paraissent-elles claires ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); svg.selectAll('text') .call(wrap, 4, 0); return container.node(); }6c:T10ab,{ const codeQuestion = 'G3Q11a' const form = formG3Q11a let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`11a. Savez-vous à qui vous adresser pour signaler une menace ? `); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); svg.selectAll('text') .call(wrap, 4, 0); return container.node(); }6d:T10ae,{ const codeQuestion = 'G3Q11b' const form = formG3Q11b let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`11b. Savez-vous à qui vous adresser pour demander une protection ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); svg.selectAll('text') .call(wrap, 4, 0); return container.node(); }6e:T10bd,{ const codeQuestion = 'G3Q12' const form = formG3Q12 let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`12. Quel est votre niveau d’information sur la protection fonctionnelle ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); svg.selectAll('text') .call(wrap, 6, 0, "autre"); return container.node(); }6f:T1bdc,{ const codeQuestion = 'G4Q13'; const form = formG4Q13; let filteredData = data.filter(d => d[codeQuestion] != undefined); const total = filteredData.length; const rawCounts = d3.rollups( filteredData, v => v.length, d => d[codeQuestion] ); rawCounts.sort((a, b) => b[1] - a[1]); const donneesTraitees = rawCounts.map(([key, value]) => ({ label: key, count: value, proportion: value / total })); // 1. MARGES DYNAMIQUES PAR MODE const margesH = { top: 30, right: 60, bottom: 40, left: 250 }; // Large marge gauche pour le texte const margesV = { top: 30, right: 40, bottom: 140, left: 60 }; // Large marge basse pour le texte incliné const widthCanvas = width - 40; const heightCanvas = form['h'] || 600; const duration = 800; const container = d3.create("div").attr("class", "card shadow-sm my-4"); container.append("div") .attr("class", "card-header bg-light py-3") .append("h6") .attr("class", "mb-0 text-secondary fw-bold") .text(`13. Vous avez déclaré avoir subi au moins un fait d’agression ou d’intimidation depuis 2020. Dans le cas le plus grave parmi ceux que vous avez déclarés, qui était à l’origine de ces faits ?`); const cardBody = container.append("div") .attr("class", "card-body d-flex justify-content-center bg-white p-4"); const svg = cardBody.append("svg") .attr("width", widthCanvas) .attr("height", heightCanvas); // LE CONTENEUR MAÎTRE ANIMÉ const svgG = svg.append("g").attr("class", "graph-racine"); const xAxisG = svgG.append("g").attr("class", "axe-x"); const yAxisG = svgG.append("g").attr("class", "axe-y"); const baseline = svgG.append("line") .attr("stroke", "#ccc") .attr("stroke-width", 0) .attr("stroke-opacity", 0.5); const xBand = d3.scaleBand().padding(0.3).domain(donneesTraitees.map(d => d.label)); const yBand = d3.scaleBand().padding(0.3).domain(donneesTraitees.map(d => d.label)); const xLinear = d3.scaleLinear(); const yLinear = d3.scaleLinear(); const color = d3.scaleOrdinal() .domain(donneesTraitees.map(d => d.label)) .range(d3.schemeDynamic ? d3.schemeDynamic(form['couleurs'].valeur) : d3.schemeTableau10); // 2. FONCTION DE TRANSITION MAÎTRESSE function updateChart(sens, normalize) { const isHorizontal = sens === "h"; const currentMargin = isHorizontal ? margesH : margesV; const innerWidth = widthCanvas - currentMargin.left - currentMargin.right; const innerHeight = heightCanvas - currentMargin.top - currentMargin.bottom; const metric = normalize ? "proportion" : "count"; const maxVal = d3.max(donneesTraitees, d => d[metric]); xBand.range([0, innerWidth]); yBand.range([0, innerHeight]); xLinear.range([0, innerWidth]).domain([0, maxVal * 1.15]); yLinear.range([innerHeight, 0]).domain([0, maxVal * 1.15]); // Déplacement fluide de tout le bloc graphique (changement de marges) svgG.transition().duration(duration) .attr("transform", `translate(${currentMargin.left},${currentMargin.top})`); if (isHorizontal) { // --- MODE HORIZONTAL --- baseline.transition().duration(duration) .attr("x1", 0).attr("y1", 0).attr("x2", 0).attr("y2", innerHeight); xAxisG.transition().duration(duration) .attr("transform", `translate(0,${innerHeight})`) .call(d3.axisBottom(xLinear).ticks(5).tickFormat(d => normalize ? d3.format(".0%")(d) : d).tickSize(0)) .select(".domain").remove(); yAxisG.transition().duration(duration) .attr("transform", "translate(0,0)") .call(d3.axisLeft(yBand).tickSize(0)) .select(".domain").remove(); yAxisG.selectAll("text") .style("text-anchor", "end") .transition().duration(duration) .attr("transform", "rotate(0)") .attr("dx", "-0.5em") .attr("dy", "0.32em"); // FIX : Rattaché à svgG au lieu de svg ! svgG.selectAll(".barre") .data(donneesTraitees, d => d.label) .join("rect") .attr("class", "barre") .attr("fill", d => color(d.label)) .transition().duration(duration) .attr("x", 0) .attr("y", d => yBand(d.label)) .attr("width", d => xLinear(d[metric])) .attr("height", yBand.bandwidth()) .attr("rx", 4).attr("ry", 4); // FIX : Rattaché à svgG au lieu de svg ! svgG.selectAll(".label-valeur") .data(donneesTraitees, d => d.label) .join("text") .attr("class", "label-valeur") .style("font-family", "sans-serif").style("font-size", "11px").style("font-weight", "bold") .style("text-anchor", "start") .transition().duration(duration) .attr("x", d => xLinear(d[metric]) + 8) .attr("y", d => yBand(d.label) + yBand.bandwidth() / 2 + 4) .text(d => normalize ? d3.format(".1%")(d[metric]) : d[metric]); } else { // --- MODE VERTICAL --- baseline.transition().duration(duration) .attr("x1", 0).attr("y1", innerHeight).attr("x2", innerWidth).attr("y2", innerHeight); xAxisG.transition().duration(duration) .attr("transform", `translate(0,${innerHeight})`) .call(d3.axisBottom(xBand).tickSize(0)) .select(".domain").remove(); xAxisG.selectAll("text") .style("text-anchor", "end") .transition().duration(duration) .attr("dx", "-0.8em") .attr("dy", "0.15em") .attr("transform", "rotate(-30)"); yAxisG.transition().duration(duration) .attr("transform", "translate(0,0)") .call(d3.axisLeft(yLinear).ticks(5).tickFormat(d => normalize ? d3.format(".0%")(d) : d).tickSize(0)) .select(".domain").remove(); yAxisG.selectAll("text") .transition().duration(duration) .attr("transform", "rotate(0)") .attr("dx", "-0.5em") .attr("dy", "0.32em"); // FIX : Rattaché à svgG au lieu de svg ! svgG.selectAll(".barre") .data(donneesTraitees, d => d.label) .join("rect") .attr("class", "barre") .attr("fill", d => color(d.label)) .transition().duration(duration) .attr("x", d => xBand(d.label)) .attr("y", d => yLinear(d[metric])) .attr("width", xBand.bandwidth()) .attr("height", d => innerHeight - yLinear(d[metric])) .attr("rx", 4).attr("ry", 4); // FIX : Rattaché à svgG au lieu de svg ! svgG.selectAll(".label-valeur") .data(donneesTraitees, d => d.label) .join("text") .attr("class", "label-valeur") .style("font-family", "sans-serif").style("font-size", "11px").style("font-weight", "bold") .style("text-anchor", "middle") .transition().duration(duration) .attr("x", d => xBand(d.label) + xBand.bandwidth() / 2) .attr("y", d => yLinear(d[metric]) - 8) .text(d => normalize ? d3.format(".1%")(d[metric]) : d[metric]); } } updateChart(form['sens'].valeur, form['normalize']); return container.node(); }70:T10a0,{ const codeQuestion = 'G4Q14a' const form = formG4Q14a let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`14a. Avez-vous signalé cet incident au directeur de votre école ou au chef de votre établissement ? `); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); return container.node(); }71:T155b,{ const codeQuestion = 'G4Q14aOui' const form = formG4Q14a let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; // Configuration des rayons cohérente avec vos arcs d'origine const outerRadius = radius * 0.8; const innerRadius = radius * 0.4; const labelRadius = outerRadius + 25; const arc = d3.arc() .innerRadius(innerRadius) .outerRadius(outerRadius) .padAngle(1 / radius); const pie = d3.pie() .sort(null) .value(d => d.value); const arcs = pie(donnees); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`14a. Réponse OUI : sous quel délai avez-vous reçu une première réponse, hors accusé de réception automatique ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div"); const marginTop = 40; const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height + marginTop) // On agrandit le conteneur global .attr("viewBox", [-width / 2, (-height / 2) - marginTop, width, height + marginTop]) // On pousse le plafond vers le haut .attr("style", "max-width: 100%; height: auto;"); // 1. Rendu des segments du Donut svg.append("g") .selectAll("path") .data(arcs) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); // 2. Chiffres à l'intérieur des segments (si la place le permet) svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll("text") .data(arcs) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.35em") // Centré verticalement .attr("fill", "white") // Plus lisible sur fond sombre .text(form['normalize'] ? d => Math.round(d.data.value / total * 100) + "%" : d => d.data.value.toLocaleString("fr-FR"))); // 3. Préparation des données pour les étiquettes et l'algorithme anti-collision const labelsData = arcs.map((d, i) => { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2; const isRightSide = midangle < Math.PI; // Position naturelle du point d'inflexion (sur l'arc externe virtuel) const xInflection = Math.sin(midangle) * labelRadius; const yInflection = -Math.cos(midangle) * labelRadius; // Détermination de la colonne cible X (extrême gauche ou droite) const targetX = (radius * 0.85 + 4) * (isRightSide ? 1 : -1); return { id: i, data: d.data, isRightSide: isRightSide, // Ancre de départ (milieu du bord externe du segment) xAnchor: Math.sin(midangle) * outerRadius, yAnchor: -Math.cos(midangle) * outerRadius, xInflection: xInflection, yInflection: yInflection, // Positions Y qui vont être relaxées x: targetX, y: yInflection, fx: targetX // Fixe l'axe X pour forcer la structure en colonnes nettes }; }); // Calcul de la force de relaxation verticale (sur Y uniquement) const labelHeight = 16; // Hauteur de ligne estimée pour la collision const simulation = d3.forceSimulation(labelsData) .force("y", d3.forceY(d => d.yInflection).strength(0.5)) // Rappel vers la position d'origine .force("collide", d3.forceCollide(labelHeight / 2 + 3)) // Distance d'évitement .stop(); // Exécution immédiate (sans animation) for (let i = 0; i < 120; ++i) simulation.tick(); // 4. Rendu des polylines ajustées selon la hauteur relaxée svg.append("g") .attr("fill", "none") .attr("stroke-width", 1) .selectAll("polyline") .data(labelsData) .join("polyline") .attr("stroke", d => color(d.data.name)) .attr('points', d => { // Point final légèrement décalé du texte pour ne pas le coller const endX = d.isRightSide ? d.x - 4 : d.x + 4; // Ligne brisée propre : Ancre -> Inflexion d'origine -> Hauteur corrigée anti-collision return [[d.xAnchor, d.yAnchor], [d.xInflection, d.y], [endX, d.y]]; }); // 5. Rendu des étiquettes (Labels) externes avec alignement text-anchor correct svg.append("g") .selectAll("text") .data(labelsData) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', d => `translate(${d.x}, ${d.y})`) .style('text-anchor', d => d.isRightSide ? 'start' : 'end') .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); // Application de votre fonction de wrapping existante //svg.selectAll('g text').call(wrap, 4, 0, "autre"); return container.node(); } 72:T1503,{ const codeQuestion = 'G4Q14aNon' const form = formG4Q14a let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; // Configuration des rayons cohérente avec vos arcs d'origine const outerRadius = radius * 0.8; const innerRadius = radius * 0.4; const labelRadius = outerRadius + 25; const arc = d3.arc() .innerRadius(innerRadius) .outerRadius(outerRadius) .padAngle(1 / radius); const pie = d3.pie() .sort(null) .value(d => d.value); const arcs = pie(donnees); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`14a. Réponse NON : quelle était la principale raison de cette absence de signalement ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div"); const marginLeft = 100; const svg = svgContainer.append("svg") .attr("width", width + marginLeft) .attr("height", height) .attr("viewBox", [(-width / 2) - marginLeft, -height / 2, width + marginLeft, height]) .attr("style", "max-width: 100%; height: auto;"); // 1. Rendu des segments du Donut svg.append("g") .selectAll("path") .data(arcs) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); // 2. Chiffres à l'intérieur des segments (si la place le permet) svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll("text") .data(arcs) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.35em") // Centré verticalement .attr("fill", "white") // Plus lisible sur fond sombre .text(form['normalize'] ? d => Math.round(d.data.value / total * 100) + "%" : d => d.data.value.toLocaleString("fr-FR"))); // 3. Préparation des données pour les étiquettes et l'algorithme anti-collision const labelsData = arcs.map((d, i) => { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2; const isRightSide = midangle < Math.PI; // Position naturelle du point d'inflexion (sur l'arc externe virtuel) const xInflection = Math.sin(midangle) * labelRadius; const yInflection = -Math.cos(midangle) * labelRadius; // Détermination de la colonne cible X (extrême gauche ou droite) const targetX = (radius * 0.85 + 4) * (isRightSide ? 1 : -1); return { id: i, data: d.data, isRightSide: isRightSide, // Ancre de départ (milieu du bord externe du segment) xAnchor: Math.sin(midangle) * outerRadius, yAnchor: -Math.cos(midangle) * outerRadius, xInflection: xInflection, yInflection: yInflection, // Positions Y qui vont être relaxées x: targetX, y: yInflection, fx: targetX // Fixe l'axe X pour forcer la structure en colonnes nettes }; }); // Calcul de la force de relaxation verticale (sur Y uniquement) const labelHeight = 16; // Hauteur de ligne estimée pour la collision const simulation = d3.forceSimulation(labelsData) .force("y", d3.forceY(d => d.yInflection).strength(0.5)) // Rappel vers la position d'origine .force("collide", d3.forceCollide(labelHeight / 2 + 3)) // Distance d'évitement .stop(); // Exécution immédiate (sans animation) for (let i = 0; i < 120; ++i) simulation.tick(); // 4. Rendu des polylines ajustées selon la hauteur relaxée svg.append("g") .attr("fill", "none") .attr("stroke-width", 1) .selectAll("polyline") .data(labelsData) .join("polyline") .attr("stroke", d => color(d.data.name)) .attr('points', d => { // Point final légèrement décalé du texte pour ne pas le coller const endX = d.isRightSide ? d.x - 4 : d.x + 4; // Ligne brisée propre : Ancre -> Inflexion d'origine -> Hauteur corrigée anti-collision return [[d.xAnchor, d.yAnchor], [d.xInflection, d.y], [endX, d.y]]; }); // 5. Rendu des étiquettes (Labels) externes avec alignement text-anchor correct svg.append("g") .selectAll("text") .data(labelsData) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', d => `translate(${d.x}, ${d.y})`) .style('text-anchor', d => d.isRightSide ? 'start' : 'end') .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); // Application de votre fonction de wrapping existante //svg.selectAll('g text').call(wrap, 4, 0, "autre"); return container.node(); } 73:T1079,{ const codeQuestion = 'G4Q14b' const form = formG4Q14b let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; const arc = d3.arc() .innerRadius(radius * 0.4) // This is the size of the donut hole .outerRadius(radius * 0.8) const pie = d3.pie() .padAngle(1 / radius) .sort(null) .value(d => d.value); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`14a. Avez-vous signalé cet incident aux services académiques ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div") const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto;"); // The arc generator const innerArc = d3.arc() .innerRadius(radius * 0.6) // This is the size of the donut hole .outerRadius(radius * 0.6) // Another arc that won't be drawn. Just for labels positioning const outerArc = d3.arc() .innerRadius(radius * 0.8+25) .outerRadius(radius * 0.8+25) svg.append("g") .selectAll() .data(pie(donnees)) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll() .data(pie(donnees)) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) /*.call(text => text.append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name))*/ .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(form['normalize'] ? d => Math.round(d.data.value/d3.sum(donnees, d => d.value)*100) + "%" : d => d.data.value.toLocaleString("fr-FR") )); svg .selectAll('allPolylines') .data(pie(donnees)) .join('polyline') .attr("stroke", d => color(d.data.name)) .style("fill", "none") .attr("stroke-width", 1) .attr('points', function(d) { const posA = innerArc.centroid(d) // line insertion in the slice const posB = outerArc.centroid(d) // line break: we use the other arc generator that has been built only for that const posC = outerArc.centroid(d); // Label position = almost the same as posB const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 // we need the angle to see if the X position will be at the extreme right or extreme left posC[0] = radius * 0.85 * (midangle < Math.PI ? 1 : -1); // multiply by 1 or -1 to put it on the right or on the left return [posA, posB, posC] }) svg .selectAll('allLabels') .data(pie(donnees)) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', function(d) { const pos = outerArc.centroid(d); const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 pos[0] = (radius * 0.85 + 4) * (midangle < Math.PI ? 1 : -1); return `translate(${pos})`; }) .style('text-anchor', function(d) { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2 return (midangle < Math.PI ? 'start' : 'end') }) .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); return container.node(); }74:T155b,{ const codeQuestion = 'G4Q14bOui' const form = formG4Q14b let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; // Configuration des rayons cohérente avec vos arcs d'origine const outerRadius = radius * 0.8; const innerRadius = radius * 0.4; const labelRadius = outerRadius + 25; const arc = d3.arc() .innerRadius(innerRadius) .outerRadius(outerRadius) .padAngle(1 / radius); const pie = d3.pie() .sort(null) .value(d => d.value); const arcs = pie(donnees); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`14b. Réponse OUI : sous quel délai avez-vous reçu une première réponse, hors accusé de réception automatique ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div"); const marginTop = 40; const svg = svgContainer.append("svg") .attr("width", width) .attr("height", height + marginTop) // On agrandit le conteneur global .attr("viewBox", [-width / 2, (-height / 2) - marginTop, width, height + marginTop]) // On pousse le plafond vers le haut .attr("style", "max-width: 100%; height: auto;"); // 1. Rendu des segments du Donut svg.append("g") .selectAll("path") .data(arcs) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); // 2. Chiffres à l'intérieur des segments (si la place le permet) svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll("text") .data(arcs) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.35em") // Centré verticalement .attr("fill", "white") // Plus lisible sur fond sombre .text(form['normalize'] ? d => Math.round(d.data.value / total * 100) + "%" : d => d.data.value.toLocaleString("fr-FR"))); // 3. Préparation des données pour les étiquettes et l'algorithme anti-collision const labelsData = arcs.map((d, i) => { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2; const isRightSide = midangle < Math.PI; // Position naturelle du point d'inflexion (sur l'arc externe virtuel) const xInflection = Math.sin(midangle) * labelRadius; const yInflection = -Math.cos(midangle) * labelRadius; // Détermination de la colonne cible X (extrême gauche ou droite) const targetX = (radius * 0.85 + 4) * (isRightSide ? 1 : -1); return { id: i, data: d.data, isRightSide: isRightSide, // Ancre de départ (milieu du bord externe du segment) xAnchor: Math.sin(midangle) * outerRadius, yAnchor: -Math.cos(midangle) * outerRadius, xInflection: xInflection, yInflection: yInflection, // Positions Y qui vont être relaxées x: targetX, y: yInflection, fx: targetX // Fixe l'axe X pour forcer la structure en colonnes nettes }; }); // Calcul de la force de relaxation verticale (sur Y uniquement) const labelHeight = 16; // Hauteur de ligne estimée pour la collision const simulation = d3.forceSimulation(labelsData) .force("y", d3.forceY(d => d.yInflection).strength(0.5)) // Rappel vers la position d'origine .force("collide", d3.forceCollide(labelHeight / 2 + 3)) // Distance d'évitement .stop(); // Exécution immédiate (sans animation) for (let i = 0; i < 120; ++i) simulation.tick(); // 4. Rendu des polylines ajustées selon la hauteur relaxée svg.append("g") .attr("fill", "none") .attr("stroke-width", 1) .selectAll("polyline") .data(labelsData) .join("polyline") .attr("stroke", d => color(d.data.name)) .attr('points', d => { // Point final légèrement décalé du texte pour ne pas le coller const endX = d.isRightSide ? d.x - 4 : d.x + 4; // Ligne brisée propre : Ancre -> Inflexion d'origine -> Hauteur corrigée anti-collision return [[d.xAnchor, d.yAnchor], [d.xInflection, d.y], [endX, d.y]]; }); // 5. Rendu des étiquettes (Labels) externes avec alignement text-anchor correct svg.append("g") .selectAll("text") .data(labelsData) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', d => `translate(${d.x}, ${d.y})`) .style('text-anchor', d => d.isRightSide ? 'start' : 'end') .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); // Application de votre fonction de wrapping existante //svg.selectAll('g text').call(wrap, 4, 0, "autre"); return container.node(); } 75:T1503,{ const codeQuestion = 'G4Q14bNon' const form = formG4Q14b let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) const test = d3.flatRollup(filteredData, (D) => D.length, (d) => d[codeQuestion]); const donnees = test.map(([name, value]) => ({name, value})) const total = d3.sum(donnees, d => d.value) const height = Math.min(width, 500); const radius = Math.min(width, height) / 2; // Configuration des rayons cohérente avec vos arcs d'origine const outerRadius = radius * 0.8; const innerRadius = radius * 0.4; const labelRadius = outerRadius + 25; const arc = d3.arc() .innerRadius(innerRadius) .outerRadius(outerRadius) .padAngle(1 / radius); const pie = d3.pie() .sort(null) .value(d => d.value); const arcs = pie(donnees); const color = d3.scaleOrdinal() .domain(donnees.map(d => d.name)) .range(d3.schemeDark2); const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`14a. Réponse NON : quelle était la principale raison de cette absence de signalement ?`); const cardBody = container.append("div") .attr("class", "card-body"); const svgContainer = cardBody.append("div"); const marginLeft = 100; const svg = svgContainer.append("svg") .attr("width", width + marginLeft) .attr("height", height) .attr("viewBox", [(-width / 2) - marginLeft, -height / 2, width + marginLeft, height]) .attr("style", "max-width: 100%; height: auto;"); // 1. Rendu des segments du Donut svg.append("g") .selectAll("path") .data(arcs) .join("path") .attr("fill", d => color(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${d.data.value.toLocaleString()}`); // 2. Chiffres à l'intérieur des segments (si la place le permet) svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll("text") .data(arcs) .join("text") .attr("transform", d => `translate(${arc.centroid(d)})`) .call(text => text.filter(d => (d.endAngle - d.startAngle) > 0).append("tspan") .attr("x", 0) .attr("y", "0.35em") // Centré verticalement .attr("fill", "white") // Plus lisible sur fond sombre .text(form['normalize'] ? d => Math.round(d.data.value / total * 100) + "%" : d => d.data.value.toLocaleString("fr-FR"))); // 3. Préparation des données pour les étiquettes et l'algorithme anti-collision const labelsData = arcs.map((d, i) => { const midangle = d.startAngle + (d.endAngle - d.startAngle) / 2; const isRightSide = midangle < Math.PI; // Position naturelle du point d'inflexion (sur l'arc externe virtuel) const xInflection = Math.sin(midangle) * labelRadius; const yInflection = -Math.cos(midangle) * labelRadius; // Détermination de la colonne cible X (extrême gauche ou droite) const targetX = (radius * 0.85 + 4) * (isRightSide ? 1 : -1); return { id: i, data: d.data, isRightSide: isRightSide, // Ancre de départ (milieu du bord externe du segment) xAnchor: Math.sin(midangle) * outerRadius, yAnchor: -Math.cos(midangle) * outerRadius, xInflection: xInflection, yInflection: yInflection, // Positions Y qui vont être relaxées x: targetX, y: yInflection, fx: targetX // Fixe l'axe X pour forcer la structure en colonnes nettes }; }); // Calcul de la force de relaxation verticale (sur Y uniquement) const labelHeight = 16; // Hauteur de ligne estimée pour la collision const simulation = d3.forceSimulation(labelsData) .force("y", d3.forceY(d => d.yInflection).strength(0.5)) // Rappel vers la position d'origine .force("collide", d3.forceCollide(labelHeight / 2 + 3)) // Distance d'évitement .stop(); // Exécution immédiate (sans animation) for (let i = 0; i < 120; ++i) simulation.tick(); // 4. Rendu des polylines ajustées selon la hauteur relaxée svg.append("g") .attr("fill", "none") .attr("stroke-width", 1) .selectAll("polyline") .data(labelsData) .join("polyline") .attr("stroke", d => color(d.data.name)) .attr('points', d => { // Point final légèrement décalé du texte pour ne pas le coller const endX = d.isRightSide ? d.x - 4 : d.x + 4; // Ligne brisée propre : Ancre -> Inflexion d'origine -> Hauteur corrigée anti-collision return [[d.xAnchor, d.yAnchor], [d.xInflection, d.y], [endX, d.y]]; }); // 5. Rendu des étiquettes (Labels) externes avec alignement text-anchor correct svg.append("g") .selectAll("text") .data(labelsData) .join('text') .text(d => d.data.name) .attr("font-size", 15) .attr('transform', d => `translate(${d.x}, ${d.y})`) .style('text-anchor', d => d.isRightSide ? 'start' : 'end') .style("alignment-baseline", "middle") .style("fill", d => color(d.data.name)); // Application de votre fonction de wrapping existante //svg.selectAll('g text').call(wrap, 4, 0, "autre"); return container.node(); } 76:T1c96,{ // 1. Vos paramètres et données const configOptions = [ { colonne: "G4Q15[SQ001]", valeurRecherchee: "Oui", labelAffiche: "Écoute de ma parole dans un cadre bienveillant" }, { colonne: "G4Q15[SQ002]", valeurRecherchee: "Oui", labelAffiche: "Accompagnement juridique" }, { colonne: "G4Q15[SQ003]", valeurRecherchee: "Oui", labelAffiche: "Accompagnement psychologique ou médical" }, { colonne: "G4Q15[SQ004]", valeurRecherchee: "Oui", labelAffiche: "Aménagement du travail ou de l’affectation" }, { colonne: "G4Q15[SQ005]", valeurRecherchee: "Oui", labelAffiche: "Mise en relation avec la police ou la gendarmerie" }, { colonne: "G4Q15[SQ006]", valeurRecherchee: "Oui", labelAffiche: "Protection fonctionnelle" }, { colonne: "G4Q15[SQ007]", valeurRecherchee: "Oui", labelAffiche: "Mise en sécurité physique" }, { colonne: "G4Q15[SQ008]", valeurRecherchee: "Oui", labelAffiche: "Aucune mesure à ce jour" }, { colonne: "G4Q15[other]", valeurRecherchee: "other", labelAffiche: "Autres mesures" } ]; const titreAxeY = "Mesures mises en place"; // Modifiez ce texte selon vos besoins const partie = "ga15"; const nbOptionsParPersonne = data.map(ligne => { let nbCoches = 0; configOptions.forEach(item => { if (ligne[item.colonne] === item.valeurRecherchee) { nbCoches++; } }); return nbCoches; }); const nbOptionsParPersonneFiltre = nbOptionsParPersonne.filter(x => x > 0); const totalRepondants = nbOptionsParPersonneFiltre.length; console.log("g415 " + totalRepondants); const donneesBrutes = configOptions.map(item => { const nbCoches = data.filter(ligne => ligne[item.colonne] === item.valeurRecherchee).length; return { label: item.labelAffiche, coches: nbCoches }; }); const totalAbsoluReponses = d3.sum(donneesBrutes, d => d.coches); const donneesTraitees = donneesBrutes.map(d => ({ label: d.label, brut: d.coches, penetration: (d.coches / totalRepondants) * 100, marche: (d.coches / totalAbsoluReponses) * 100 })); // 2. Définition des dimensions const margin = { top: 30, right: 80, bottom: 30, left: 300 }, width = 900 - margin.left - margin.right, height = 700 - margin.top - margin.bottom; // 3. CRÉATION DU CONTENEUR UNIQUE (L'astuce Observable) // On crée un div parent qui contiendra les boutons ET le SVG const container = d3.create("div").attr("class", "card shadow-sm my-4"); const cardHeader = container.append("div") .attr("class", "card-header bg-light"); cardHeader.append("h6") .attr("class", "mb-0 text-secondary") .text(`15. Quelles mesures l’administration scolaire a-t-elle mises en place à la suite de cet incident ? `); const cardBody = container.append("div") .attr("class", "card-body"); // Ajout des boutons radio directement via D3 const controls = cardBody.append("div").attr("class", "controls"); controls.html(`

Pourcentage par rapport au nombre de répondants Pourcentage par rapport au total des réponses exprimées

Mise à jour des données : 5 novembre 2026

Violences subies et sentiment de sécurité

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1201,"value":"

1A. Depuis 2020, avez-vous personnellement subi des agressions verbales ou comportements intimidants dans le cadre de vos fonctions ou en raison de celles-ci ?

Vue d'ensemble

Détails

1B. Depuis 2020, avez-vous personnellement subi des agressions physiques ou atteintes aux biens dans le cadre de vos fonctions ou en raison de celles-ci ?

Vue d'ensemble

Détails

1C. Depuis 2020, avez-vous personnellement subi des agressions ou atteintes numériques dans le cadre de vos fonctions ou en raison de celles-ci ?

Vue d'ensemble

Détails

2. Vous sentez-vous en sécurité sur votre lieu de travail ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1667,"value":"viewof formG1Q2= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1668,"value":"$5b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1672,"value":"

3. Craignez-vous personnellement de subir des menaces ou une agression de la part des personnes suivantes dans le cadre de vos fonctions

a) De la part d’un élève

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1674,"value":"viewof formG1Q3A= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1675,"value":"$5c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1677,"value":"

b. De la part d’un parent ou d'un proche de parent

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1676,"value":"viewof formG1Q3B= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1678,"value":"$5d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1679,"value":"

c. De la part d’une autre personne extérieure à l’établissement, sans lien identifié avec un élève ou un parent

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1680,"value":"viewof formG1Q3C= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1681,"value":"$5e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1682,"value":"

4. Depuis 2020, avez-vous renoncé à :

a) Un contenu d'enseignement ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1685,"value":"viewof formG1Q4a= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1684,"value":"$5f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1742,"value":"$60","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1743,"value":"$61","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1687,"value":"

b) Toute autre activité professionnelle (sortie scolaire, activité pédagogique, etc.) ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1688,"value":"viewof formG1Q4b= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1689,"value":"$62","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1744,"value":"$63","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1745,"value":"$64","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1691,"value":"

Confiance dans la protection et le soutien apportés

5. Avez-vous confiance dans la capacité des services académiques à organiser une protection adaptée à votre situation dans le cas où vous seriez menacé dans le cadre de vos fonctions ou en raison de celles-ci ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1694,"value":"viewof formG2Q5= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1693,"value":"$65","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1695,"value":"

6. Pensez-vous pouvoir compter sur le soutien de votre supérieur hiérarchique direct dans le cas où vous vous sentiriez menacé dans le cadre de vos fonctions ou en raison de celles-ci ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1696,"value":"viewof formG2Q6= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1697,"value":"$66","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1698,"value":"

7. Pensez-vous pouvoir compter sur le soutien de vos collègues dans le cas où vous vous sentiriez menacé dans le cadre de vos fonctions ou en raison de celles-ci ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1699,"value":"viewof formG2Q7= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1700,"value":"$67","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1701,"value":"

8. Depuis la rentrée 2024, votre hiérarchie vous a-t-elle encouragé à :

a. Minimiser un incident concernant votre sécurité ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1703,"value":"viewof formG2Q8a= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1704,"value":"$68","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1705,"value":"

b. Ne pas signaler un incident concernant votre sécurité ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1706,"value":"viewof formG2Q8b= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1707,"value":"$69","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1708,"value":"

Information sur les dispositifs de protection et d’accompagnement

9. Depuis la rentrée 2024, votre administration vous a-t-elle transmis des consignes sur la conduite à tenir en cas de menace ou d’agression ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1710,"value":"viewof formG3Q9= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1711,"value":"$6a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1712,"value":"

10. Les démarches pour obtenir une protection vous paraissent-elles claires ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1713,"value":"viewof formG3Q10= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1714,"value":"$6b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1715,"value":"

11. Savez-vous à qui vous adresser pour :

a. signaler une menace ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1717,"value":"viewof formG3Q11a= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1718,"value":"$6c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1719,"value":"

b. demander une protection ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1720,"value":"viewof formG3Q11b= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1721,"value":"$6d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1722,"value":"

12. Quel est votre niveau d’information sur la protection fonctionnelle ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1723,"value":"viewof formG3Q12= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1724,"value":"$6e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1690,"value":"

Prise en charge des incidents

13. Vous avez déclaré avoir subi au moins un fait d’agression ou d’intimidation depuis 2020. Dans le cas le plus grave parmi ceux que vous avez déclarés, qui était à l’origine de ces faits ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1636,"value":"viewof formG4Q13 = Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true }),\n sens : Inputs.select(sens_plot,{ label: \"Orientation : Horizontal/Vertical\", format: x => x.nom, value: sens_plot.find(t => t.nom === \"Horizontal\") })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1726,"value":"$6f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1728,"value":"

14. Avez-vous signalé cet incident ?

a. au directeur de votre école ou au chef de votre établissement ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1731,"value":"viewof formG4Q14a= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1730,"value":"$70","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1735,"value":"$71","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1736,"value":"$72","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1732,"value":"

b. aux services académiques ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1733,"value":"viewof formG4Q14b= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1734,"value":"$73","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1747,"value":"$74","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1748,"value":"$75","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1737,"value":"

15. Quelles mesures l’administration scolaire a-t-elle mises en place à la suite de cet incident ?

(Plusieurs réponses possibles)","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1738,"value":"viewof formG4Q15= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1741,"value":"$76","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1727,"value":"

16. Si vous avez bénéficié d’une mesure, celle-ci vous a-t-elle semblé adaptée à votre situation ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1725,"value":"viewof formG4Q16= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1637,"value":"$77","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1635,"value":"

17. Après la première prise en charge, l’administration scolaire a-t-elle repris contact avec vous pour faire le point sur votre situation ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1633,"value":"viewof formG4Q17= Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1634,"value":"$78","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1607,"value":"

Profil professionnel

19. Quelle est votre fonction principale ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1608,"value":"viewof formG5Q19 = Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true }),\n sens : Inputs.select(sens_plot,{ label: \"Orientation : Horizontal/Vertical\", format: x => x.nom, value: sens_plot.find(t => t.nom === \"Horizontal\") })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1609,"value":"$79","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1611,"value":"

20. Dans quelle académie exercez-vous principalement ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1612,"value":"viewof formG5Q20 = Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true }),\n sens : Inputs.select(sens_plot,{ label: \"Orientation : Horizontal/Vertical\", format: x => x.nom, value: sens_plot.find(t => t.nom === \"Horizontal\") }),\n h : Inputs.range([0, 900], {step: 1, value : 500, label: \"Hauteur\"})\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1613,"value":"$7a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1614,"value":"

21. Dans quel secteur exercez-vous principalement ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1615,"value":"viewof formG5Q21 = Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1616,"value":"$7b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1617,"value":"

22. À quel niveau exercez-vous principalement ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1618,"value":"viewof formG5Q22 = Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true }),\n sens : Inputs.select(sens_plot,{ label: \"Orientation : Horizontal/Vertical\", format: x => x.nom, value: sens_plot.find(t => t.nom === \"Horizontal\") })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1619,"value":"$7c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1620,"value":"

23. Si vous êtes enseignant dans le second degré, quelle est votre discipline ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1621,"value":"viewof formG5Q23 = Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true }),\n sens : Inputs.select(sens_plot,{ label: \"Orientation : Horizontal/Vertical\", format: x => x.nom, value: sens_plot.find(t => t.nom === \"Horizontal\") })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1622,"value":"$7d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1623,"value":"

24. Si vous êtes enseignant dans le second degré, êtes-vous chargé d’une mission particulière ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1624,"value":"viewof formG5Q24 = Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1625,"value":"$7e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1626,"value":"

Laquelle ?

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1627,"value":"viewof formG5Q24Oui = Inputs.form({\n normalize: Inputs.toggle({ label: \"Affichez en %\", value: true })\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1628,"value":"$7f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"

Données techniques

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":675,"value":"choix_liste = [{nom : \"Première réponse\", value : \"0\"}, {nom : \"Deuxième réponse\", value : \"1\"}, {nom: \"Troisième réponse\", value: \"2\"}]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1739,"value":"\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"workbook = FileAttachment(\"questionnaire_temoignage_education_nationale_20261105.xlsx\").xlsx()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"import {colorSchemes} from \"4a90329ce815693a\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"$80","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"data = workbook.sheet(0, {\n headers: true\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1638,"value":"$81","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"import {schemeContrasting} from \"@categorise/data-vis-style-guide\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"import {schemes} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"function accessor(keyOrFn) {\n if (typeof keyOrFn === \"function\") return keyOrFn;\n\n return (d) => d[keyOrFn];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":"function reOrder (order, donnees) {\n let reorder = []\n for (let i = 0; i < donnees.length; i++) {\n for (let j = 0; j < order.length; j++) {\n if (donnees[i].name === order[j]) {\n reorder[j]=donnees[i]; \n }\n }\n }\n return reorder\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":747,"value":"function change_label (label, donnees) {\n for (let i = 0; i < donnees.length; i++) {\n donnees[i][\"name\"] = label[i]; \n }\n return donnees\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"import {sens_plot} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"import {ns} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"import {filtreSansReponse} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"import {filtreNA} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"import {Likert} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":388,"value":"function wrap(text, width, valX = -20, typeChart = \"barre\") {\n text.each(function() {\n var text = d3.select(this),\n words = text.text().split(/\\s+/).reverse(),\n word,\n line = [],\n lineNumber = 0,\n lineHeight = 0.05, // ems\n y = text.attr(\"y\"),\n dy = parseFloat(text.attr(\"dy\")) || 0,\n tspan = text.text(null).append(\"tspan\").attr(\"x\", valX).attr(\"y\", y).attr(\"dy\", dy + \"em\"),\n i = 0;\n while (word = words.pop()) {\n line.push(word);\n tspan.text(line.join(\" \"));\n if (i > width) {\n line.pop();\n tspan.text(line.join(\" \"));\n line = [word];\n if (typeChart == \"barre\") {\n tspan = text.append(\"tspan\").attr(\"x\", valX).attr(\"y\", y).attr(\"dy\", ++lineNumber * (lineHeight + 1) + dy + \"em\").text(word);\n } else {\n tspan = text.append(\"tspan\").attr(\"x\", valX).attr(\"y\", y).attr(\"dy\", (++lineNumber * lineHeight) + 1 + dy + \"em\").text(word);\n }\n i = 0\n }\n i++\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1648,"value":"// Cette cellule télécharge le fichier CSS et l'applique silencieusement à tout le notebook\nbootstrapCSS = {\n const link = document.createElement(\"link\");\n link.rel = \"stylesheet\";\n link.href = \"https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css\";\n document.head.appendChild(link);\n return link;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W82","stdlib":"2"}} 42:null