25:["$","title",null,{"children":"Montagne | DCDP | Observable"}] 4b:Ta80,{ let keys = ['G01Q01', 'G01Q02']; let resData = [ { group: "0–18", gender: "femme", population: 0 }, { group: "0–18", gender: "homme", population: 0 }, { group: "18-24", gender: "femme", population: 0 }, { group: "18-24", gender: "homme", population: 0 }, { group: "25-34", gender: "femme", population: 0 }, { group: "25-34", gender: "homme", population: 0 }, { group: "35-49", gender: "femme", population: 0 }, { group: "35-49", gender: "homme", population: 0 }, { group: "50-64", gender: "femme", population: 0 }, { group: "50-64", gender: "homme", population: 0 }, { group: "65+", gender: "femme", population: 0 }, { group: "65+", gender: "homme", population: 0 }, ]; let tempData = []; let obj = {}; for (let i = 0; i < data.length; i++) { switch (data[i]['G01Q01']) { case "une femme" : obj.gender = "femme"; console.log(data[i]['G01Q01']) break; case "un homme" : obj.gender = 'homme'; break; } switch (true) { case (data[i]['G01Q02']) == "Moins de 18 ans" : obj.group = '0-18'; break; case (data[i]['G01Q02']) == "Entre 18 et 24 ans" : obj.group = '18-24'; break; case (data[i]['G01Q02']) == "Entre 25 et 34 ans" : obj.group = '25-34'; break; case (data[i]['G01Q02']) == "Entre 35 et 49 ans" : obj.group = '35-49'; break; case (data[i]['G01Q02']) == "Entre 50 et 64 ans" : obj.group = '50-64'; break; case (data[i]['G01Q02']) == "65 ans et plus" : obj.group = '65+'; break; } tempData.push(obj); obj = {}; } console.log(tempData) let count; let essai; for (let i = 0; i < resData.length; i++) { if (i < 2) { count = tempData.filter((obj) => obj.group == '0-11' && obj.gender == resData[i]['gender']).length; resData[i]['population'] = count; resData[i]['year'] = "2025"; } else { count = tempData.filter((obj) => obj.group == resData[i]['group'] && obj.gender == resData[i]['gender']).length; resData[i]['population'] = count; resData[i]['year'] = "2025"; } } if (formG01Q01['normalize']) { const totaux = d3.rollups(resData, v => d3.sum(v, e => e.population), d => d.gender) d3.map(resData, d => { d.gender == "femme" ? d.population = d.population / totaux[0][1] : d.population = d.population / totaux[1][1] ; return d ; }) } return populationPyramidPlot(resData, {title : formG01Q01['titre'], marginRight : 200, marginLeft : 100, normalize : formG01Q01['normalize']}); }4c:T576,{ const form = formG01Q03 const nbReponses = d3.flatRollup(lieux, (D) => D.length, (d) => d['lieu']); const total = nbReponses.length; return Plot.plot({ // Initialize the plot title : form['titre'], projection: lambert93, // Set the projection, color : {scheme : form['couleurs'].valeur, legend: true, label : "Nombre de réponses", tickFormat: formG01Q03['normalize'] ? "%" : Math.abs}, marks: [ Plot.geo( lieux, Plot.groupZ( {fill: formG01Q03['normalize'] ? "proportion" : "count", geometry: ([lieu]) => departements.features.find((d) => d.properties.DEP === lieu)}, { geometry: "lieu", z: "lieu", title: (d) => d.lieu})), Plot.geo(departements, {stroke : "#000"}), // Add the state boundaries /*Plot.dot(us_power_plants, { // Create dot marks (bubbles) using data from power_plants x: "longitude", // Provide longitude values y: "latitude", // Provide latitude values r: "Total_MW" // Update bubble radius based on this variable's value })*/ //Plot.text(departements.features, Plot.centroid({text: (d) => d.properties.Nom, textAnchor: "middle", stroke: "white", fill: "black"})) //Plot.text(lieux, Plot.centroid({text: "count", textAnchor: "middle", stroke: "white", fill: "black"})) ], height: 1000, // Update canvas height width: 1200, // Update canvas width margin: 0 // Update margins }) }4d:Tae8,{ //traitement (data); const codeQuestion = 'G01Q04' const form = formG01Q04 let filteredData = data.filter((d) => {if (d[codeQuestion] == undefined) {return false;}return true;}) if (form['sens'].valeur == "h") { return Plot.plot({ x: {}, color: { legend: false , scheme : "accent", scheme : form['couleurs'].valeur}, title: form['titre'], width, height : formG01Q04['h'], marginBottom: formG01Q04['mb'], marginTop: formG01Q04['mt'], marginLeft: formG01Q04['ml'], marginRight : formG01Q04['mr'], x: form['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, y: {label : "Catégories socio-professionnelles"}, marks: [ Plot.barX( filteredData, Plot.groupY({ x: form['normalize'] ? "proportion" : "count" }, { y: codeQuestion, fill: codeQuestion, tip: true }) ), Plot.text(filteredData, Plot.map( {text: form['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupY( { x: form['normalize'] ? "proportion" : "count", text : form['normalize'] ? "proportion" : "count"}, { y: codeQuestion, dx: 35, sort : { y : "-x"} } ) ) ), Plot.ruleX([0]), Plot.axisY({ lineWidth: 20, anchor: "left", labelAnchor: "center"}), ] }) } else { return Plot.plot({ color: { legend: false , scheme : "accent", scheme : form['couleurs'].valeur}, title: form['titre'], width, height : formG01Q04['h'], marginBottom: formG01Q04['mb'], marginTop: formG01Q04['mt'], marginLeft: formG01Q04['ml'], marginRight : formG01Q04['mr'], x: {label : "Catégories socio-professionnelles"}, y: form['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, marks: [ Plot.barY( filteredData, Plot.groupX({ y: form['normalize'] ? "proportion" : "count" }, { x: codeQuestion, fill: codeQuestion, tip: true }) ), Plot.text(filteredData, Plot.map( {text: form['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: form['normalize'] ? "proportion" : "count", text : form['normalize'] ? "proportion" : "count"}, { x: codeQuestion, dy: -15, sort : { x : "-y"} } ) ) ), Plot.axisX({ rotate : -30, marginBottom : 140, anchor : "bottom", textAnchor: "end", lineWidth: 20 }), Plot.ruleY([0]) ] }) } }4e:T4ac,{ let filteredData = data.filter((d) => { if (d['G01Q05'] == undefined) {return false;}return true; }) const ordre = [1, 2, 3, 4, 'plus de 5'] return Plot.plot({ x: {}, color: { legend: false , label : "Nombre de personnes dans le foyer", scheme : formG01Q05['couleurs'].valeur, domain : ordre}, title: formG01Q05['titre'], width, marginBottom: 50, marginTop: 50, y: formG01Q05['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Nombre de personnes dans le foyer", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG01Q05['normalize'] ? "proportion" : "count"}, { x: "G01Q05", fill: "G01Q05", tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG01Q05['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG01Q05['normalize'] ? "proportion" : "count", text : formG01Q05['normalize'] ? "proportion" : "count"}, { x: "G01Q05", dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }4f:T4af,{ let filteredData = data.filter((d) => { if (d['G02Q01'] == undefined) {return false;}return true; }) const ordre = ["0. Non, pas du tout", 2, 3, 4, '5. Oui, beaucoup'] const question = 'G02Q01' return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : formG02Q01['couleurs'].valeur, domain : ordre}, title: formG02Q01['titre'], width, marginBottom: 80, marginTop: 50, y: formG02Q01['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Échelle", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG02Q01['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG02Q01['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG02Q01['normalize'] ? "proportion" : "count", text : formG02Q01['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }50:T59a,{ const question = 'G03Q01A' data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) //const ordre = ["0. Non, pas du tout", 2, 3, 4, '5. Oui, beaucoup'] if (formG03Q01A['nspp']) { filteredData = filtreNA(question, filteredData) } else { filtreSansReponse(question); }; return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : formG03Q01A['couleurs'].valeur}, title: formG03Q01A['titre'], width, marginBottom: 50, marginTop: 50, y: formG03Q01A['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Échelle"}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG03Q01A['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG03Q01A['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG03Q01A['normalize'] ? "proportion" : "count", text : formG03Q01A['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }51:T5a0,{ const question = 'G03Q01' data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) const ordre = ["Jamais", "Rarement (tous les 5 ans et plus)", "Une fois par an", "Plusieurs fois par an"] return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : formG03Q01['couleurs'].valeur, domain : ordre}, title: formG03Q01['titre'], width, marginBottom: 90, marginTop: 50, y: formG03Q01['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Échelle", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG03Q01['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG03Q01['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG03Q01['normalize'] ? "proportion" : "count", text : formG03Q01['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]), Plot.axisX({ lineWidth: 10, anchor : "bottom", textAnchor: "middle"}), ] }) }52:T592,{ const question = 'G03Q02' data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) //const ordre = ["0. Non, pas du tout", 2, 3, 4, '5. Oui, beaucoup'] if (formG03Q02['nspp']) { filteredData = filtreNA(question, filteredData) } else { filtreSansReponse(question); }; return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : formG03Q02['couleurs'].valeur}, title: formG03Q02['titre'], width, marginBottom: 50, marginTop: 50, y: formG03Q02['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses"}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG03Q02['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG03Q02['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG03Q02['normalize'] ? "proportion" : "count", text : formG03Q02['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }53:T564,{ const question = 'G03Q03' data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) const ordre = ["Moins d’une fois par an", "Environ une fois par an", "Plusieurs fois par an", "Plusieurs fois par mois"] return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : formG03Q03['couleurs'].valeur, domain : ordre}, title: formG03Q03['titre'], width, marginBottom: 80, marginTop: 50, y: formG03Q03['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG03Q03['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG03Q03['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG03Q03['normalize'] ? "proportion" : "count", text : formG03Q03['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }54:T55a,{ const question = 'G03Q04' data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) const ordre = ["Séjours familiaux", "Classe de neige", "Colonie de vacances", "Enseignement scolaire", "Autre"] return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : formG03Q04['couleurs'].valeur, domain : ordre}, title: formG03Q04['titre'], width, marginBottom: 80, marginTop: 50, y: formG03Q04['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG03Q04['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG03Q04['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG03Q04['normalize'] ? "proportion" : "count", text : formG03Q04['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }55:Tb08,{ let keys = ['G03Q05[SQ001]', 'G03Q05[SQ002]', 'G03Q05[SQ003]', 'G03Q05[SQ004]']; let {order, offset} = Likert([ ["Non", -1], ["Sans réponse", 0], ["Oui", 1] ]); const nom = ["Hiver", "Printemps", "Été", "Automne"]; const normalize = formG03Q05['normalize']; const rep = formG03Q05['positive']; const titre = formG03Q05['titre']; const couleurs = formG03Q05['couleurs']; let resData = []; let obj = {}; let colorScheme = "" /*if (rep) {*/ for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] === "Oui") { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } colorScheme = "blues" /*} else { for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] == "N/A") { obj.Response = "Sans réponse"; } else { obj.Response = data[i][keys[j]]; } obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } colorScheme = "RdYlGn" }*/ const nbReponses = d3.flatRollup(resData, (D) => D.length, (d) => d['id']); const total = nbReponses.length; const ticklabelpourcentage = "réponses (%)"; const ticklabel = "Nombre de réponses"; return Plot.plot({ title: titre, marginLeft: 180, marginBottom: 70, height: 450, width : 1100, x: normalize ? { tickFormat: "%", label: ticklabelpourcentage } : { tickFormat: Math.abs, label: ticklabel }, y: { tickSize: 0, label :"" }, facet: { data: resData, y: "Question", label : "Saisons" }, color: { legend : false, domain: order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip: false, order, offset } ) ), Plot.textX( resData, Plot.map( {text: normalize ? (values) => values.map(d3.format(".0%")) : (values) => values}, Plot.stackX( Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count", text: normalize ? (d) => { return d.length/total} : "count" }, { z: "Response", fontSize : 16, fontFamily : "Lato-Light,sans-serif", order, offset } ) ) ) ) ] }); }56:Tb6f,{ let keys = ['G03Q06[SQ001]', 'G03Q06[SQ002]', 'G03Q06[SQ003]', 'G03Q06[SQ004]', 'G03Q06[SQ005]', 'G03Q06[SQ006]', 'G03Q06[SQ007]']; let {order, offset} = Likert([ ["Non", -1], ["Sans réponse", 0], ["Oui", 1] ]); const nom = ["Alpes", "Corse", "Jura", "Massif central", "Pyrénées", "Vosges", "Étranger"]; const normalize = formG03Q06['normalize']; const rep = formG03Q06['positive']; const titre = formG03Q06['titre']; const couleurs = formG03Q06['couleurs']; let resData = []; let obj = {}; let colorScheme = "" /*if (rep) {*/ for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] === "Oui") { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } colorScheme = "blues" /*} else { for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] == "N/A") { obj.Response = "Sans réponse"; } else { obj.Response = data[i][keys[j]]; } obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } colorScheme = "RdYlGn" }*/ const nbReponses = d3.flatRollup(resData, (D) => D.length, (d) => d['id']); const total = nbReponses.length; const ticklabelpourcentage = "réponses (%)"; const ticklabel = "Nombre de réponses"; return Plot.plot({ title: titre, marginLeft: 180, marginBottom: 70, height: 450, width : 1100, x: normalize ? { tickFormat: "%", label: ticklabelpourcentage } : { tickFormat: Math.abs, label: ticklabel }, y: { tickSize: 0, label :"" }, facet: { data: resData, y: "Question", label : "Massifs fréquentés" }, color: { legend : false, domain: order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip: false, order, offset } ) ), Plot.textX( resData, Plot.map( {text: normalize ? (values) => values.map(d3.format(".0%")) : (values) => values}, Plot.stackX( Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count", text: normalize ? (d) => { return d.length/total} : "count" }, { z: "Response", fontSize : 16, fontFamily : "Lato-Light,sans-serif", order, offset } ) ) ) ) ] }); }57:Tb84,{ let keys = ['G03Q07[SQ001]', 'G03Q07[SQ002]', 'G03Q07[SQ003]', 'G03Q07[SQ004]', 'G03Q07[SQ005]', 'G03Q07[SQ006]', 'G03Q07[SQ008]', 'G03Q07[SQ009]']; let {order, offset} = Likert([ ["Non", -1], ["Sans réponse", 0], ["Oui", 1] ]); const nom = ["Les paysages naturels et le dépaysement", "Le calme et la tranquillité", "Les températures clémentes et la fraicheur relative en été", "Le ski", "La randonnée", "Les autres activités sportives et de plein air ", "L’offre de remise en forme et bien-être (spa, thermes, etc.)", "La richesse culturelle ou patrimoniale (gastronomie, culture, faune et flore, etc.)"]; const normalize = formG03Q07['normalize']; const rep = formG03Q07['positive']; const titre = formG03Q07['titre']; const couleurs = formG03Q07['couleurs']; let resData = []; let obj = {}; let colorScheme = "" /*if (rep) {*/ for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] === "Oui") { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } colorScheme = "blues" const nbReponses = d3.flatRollup(resData, (D) => D.length, (d) => d['id']); const total = nbReponses.length; const ticklabelpourcentage = "réponses (%)"; const ticklabel = "Nombre de réponses"; return Plot.plot({ title: titre, marginLeft: formG03Q07['ml'], marginBottom: 70, height: 650, width : 1100, x: normalize ? { tickFormat: "%", label: ticklabelpourcentage } : { tickFormat: Math.abs, label: ticklabel }, y: { tickSize: 0, label :"" }, fy : {domain : nom}, facet: { data: resData, y: "Question", label : "Principaux éléments d’attractivité" }, color: { legend : false, domain: order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip: false, order, offset } ) ), Plot.textX( resData, Plot.map( {text: normalize ? (values) => values.map(d3.format(".0%")) : (values) => values}, Plot.stackX( Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count", text: normalize ? (d) => { return d.length/total} : "count" }, { z: "Response", fontSize : 16, fontFamily : "Lato-Light,sans-serif", order, offset } ) ) ) ), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}) ] }); }58:Tbe0,{ let keys = ['G03Q08[SQ001]', 'G03Q08[SQ002]', 'G03Q08[SQ003]', 'G03Q08[SQ004]', 'G03Q08[SQ005]', 'G03Q08[SQ006]', 'G03Q08[SQ007]', 'G03Q08[other]']; let {order, offset} = Likert([ ["Non", -1], ["Sans réponse", 0], ["Oui", 1] ]); const nom = ["Le coût", "L’éloignement géographique", "L’accessibilité en transport en commun", "Le manque de temps", "Le manque d’intérêt", "Le manque de connaissance du milieu de la montagne", "Aucun frein particulier", "Autres"]; const normalize = formG03Q08['normalize']; const rep = formG03Q08['positive']; const titre = formG03Q08['titre']; const couleurs = formG03Q08['couleurs']; let resData = []; let obj = {}; let colorScheme = "" /*if (rep) {*/ for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] === "Oui") { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } else if ( keys[j] === 'G03Q08[other]' && data[i][keys[j]] != undefined) { obj.Response = "Oui"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } colorScheme = "blues" const nbReponses = d3.flatRollup(resData, (D) => D.length, (d) => d['id']); const total = nbReponses.length; const ticklabelpourcentage = "réponses (%)"; const ticklabel = "Nombre de réponses"; return Plot.plot({ title: titre, marginLeft: formG03Q08['ml'], marginBottom: 70, height: 650, width : 1100, x: normalize ? { tickFormat: "%", label: ticklabelpourcentage } : { tickFormat: Math.abs, label: ticklabel }, y: { tickSize: 0, label :"" }, fy : {domain : nom}, facet: { data: resData, y: "Question", label : "Principaux freins", domain : nom }, color: { legend : false, domain: order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip: false, order, offset } ) ), Plot.textX( resData, Plot.map( {text: normalize ? (values) => values.map(d3.format(".0%")) : (values) => values}, Plot.stackX( Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count", text: normalize ? (d) => { return d.length/total} : "count" }, { z: "Response", fontSize : 16, fontFamily : "Lato-Light,sans-serif", order, offset } ) ) ) ), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}), ] }); }59:Tc7f,{ let keys = ['G03Q09[SQ001]', 'G03Q09[SQ002]', 'G03Q09[SQ003]', 'G03Q09[SQ004]', 'G03Q09[SQ005]', 'G03Q09[SQ006]', 'G03Q09[SQ007]', 'G03Q09[SQ008]','G03Q09[SQ009]','G03Q09[SQ010]','G03Q09[other]']; let {order, offset} = Likert([ ["Non", -1], ["Sans réponse", 0], ["Oui", 1] ]); const nom = ["Ski de piste et / ou snowboard", "Autres activités de neige : ski de fond, ski de randonnée, raquettes, luge…", "Randonnée, trail", "Via ferrata, escalade et / ou alpinisme", "VTT / vélo", "Loisirs aériens", "Thermalisme", "Baignade", "Découverte de la gastronomie et du patrimoine", "Aucune activité particulière", "Autres"]; const normalize = formG03Q09['normalize']; const rep = formG03Q09['positive']; const titre = formG03Q09['titre']; const couleurs = formG03Q09['couleurs']; let resData = []; let obj = {}; let colorScheme = "" /*if (rep) {*/ for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] === "Oui") { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } else if ( keys[j] === 'G03Q09[other]' && data[i][keys[j]] != undefined) { obj.Response = "Oui"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } colorScheme = "blues" const nbReponses = d3.flatRollup(resData, (D) => D.length, (d) => d['id']); const total = nbReponses.length; const ticklabelpourcentage = "réponses (%)"; const ticklabel = "Nombre de réponses"; return Plot.plot({ title: titre, marginLeft: formG03Q09['ml'], marginBottom: 70, height: 650, width : 1100, x: normalize ? { tickFormat: "%", label: ticklabelpourcentage } : { tickFormat: Math.abs, label: ticklabel }, y: { tickSize: 0, label :"" }, fy : {domain : nom}, facet: { data: resData, y: "Question", label : "Activités pratiquées", domain : nom }, color: { legend : false, domain: order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip: false, order, offset } ) ), Plot.textX( resData, Plot.map( {text: normalize ? (values) => values.map(d3.format(".0%")) : (values) => values}, Plot.stackX( Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count", text: normalize ? (d) => { return d.length/total} : "count" }, { z: "Response", fontSize : 16, fontFamily : "Lato-Light,sans-serif", order, offset } ) ) ) ), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}) ] }); }5a:T592,{ const question = 'G03Q10' data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) //const ordre = ["0. Non, pas du tout", 2, 3, 4, '5. Oui, beaucoup'] if (formG03Q02['nspp']) { filteredData = filtreNA(question, filteredData) } else { filtreSansReponse(question); }; return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : formG03Q10['couleurs'].valeur}, title: formG03Q10['titre'], width, marginBottom: 50, marginTop: 50, y: formG03Q10['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses"}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG03Q10['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG03Q10['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG03Q10['normalize'] ? "proportion" : "count", text : formG03Q10['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }5b:T5c6,{ const question = 'G03Q11' data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) const ordre = ["Jamais", "rarement (environ tous les cinq ans)", "régulièrement (environ une fois par an)", "plusieurs fois dans l’année"] return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : formG03Q11['couleurs'].valeur, domain : ordre}, title: formG03Q11['titre'], width, marginBottom: 80, marginTop: 50, y: formG03Q11['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG03Q11['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG03Q11['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG03Q11['normalize'] ? "proportion" : "count", text : formG03Q11['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]), Plot.axisX({ lineWidth: 10, anchor : "bottom", textAnchor: "middle"}) ] }) }5c:T517,{ const question = 'G04Q01' data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) const ordre = ["Oui", "Non", "Je ne sais pas"] return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : formG04Q01['couleurs'].valeur, domain : ordre}, title: formG04Q01['titre'], width, marginBottom: 80, marginTop: 50, y: formG04Q01['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: formG04Q01['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: formG04Q01['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: formG04Q01['normalize'] ? "proportion" : "count", text : formG04Q01['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }5d:T507,{ const question = 'G04Q03' const form = formG04Q03 data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) const ordre = ["Oui", "Non", "Je ne sais pas"] return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : form['couleurs'].valeur, domain : ordre}, title: form['titre'], width, marginBottom: 80, marginTop: 50, y: form['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: form['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: form['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: form['normalize'] ? "proportion" : "count", text : form['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }5e:T506,{ const question = 'G04Q04' const form = formG04Q04 data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) const ordre = ["Oui", "Non", "Je ne sais pas"] return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : form['couleurs'].valeur, domain : ordre}, title: form['titre'], width, marginBottom:80, marginTop: 50, y: form['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: form['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: form['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: form['normalize'] ? "proportion" : "count", text : form['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }5f:T5b0,{ const question = 'G04Q05' const form = formG04Q05 data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) const ordre = ["Réserves naturelles", "Pâturage", "Loisirs (pistes de VTT, pistes de ski-roue, sentiers de randonnées etc.)", "Autre"] return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : form['couleurs'].valeur, domain : ordre}, title: form['titre'], width, marginBottom: 120, marginTop: 50, y: form['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: form['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: form['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: form['normalize'] ? "proportion" : "count", text : form['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]), Plot.axisX({ lineWidth: 10, anchor : "bottom", textAnchor: "middle"}) ] }) }60:T515,{ const question = 'G04Q06' const form = formG04Q06 data.forEach(function (element) { if (element[question] == "N/A") {element[question] = "Sans réponse"} }); let filteredData = data.filter((d) => { if (d[question] == undefined) {return false;}return true; }) const ordre = ["Suffisant", "Insuffisant", "Je ne sais pas"] return Plot.plot({ x: {}, color: { legend: false , label : "Échelle", scheme : form['couleurs'].valeur, domain : ordre}, title: form['titre'], width, marginBottom: 80, marginTop: 50, y: form['normalize'] ? { tickFormat: "%", label: "réponses (%)" } : { tickFormat: Math.abs, label: "nombre de réponses" }, x: {label : "Réponses", domain : ordre}, marks: [ Plot.barY( filteredData, Plot.groupX({ y: form['normalize'] ? "proportion" : "count"}, { x: question, fill: question, tip: false }) ), Plot.text(filteredData, Plot.map( {text: form['normalize'] ? (values) => values.map(d3.format(".1%")) : (values) => values}, Plot.groupX( { y: form['normalize'] ? "proportion" : "count", text : form['normalize'] ? "proportion" : "count"}, { x: question, dy: -15 } ) ) ), Plot.ruleY([0]) ] }) }61:Tb95,{ let keys = ['G04Q07[SQ001]', 'G04Q07[SQ002]', 'G04Q07[SQ003]', 'G04Q07[SQ004]', 'G04Q07[SQ005]', 'G04Q07[SQ006]']; let {order, offset} = Likert([ ["Non", -1], ["Sans réponse", 0], ["Oui", 1] ]); const nom = ["Les élus locaux (communes, intercommunalités)", "Les professionnels de la station (commerçants, artisans, hébergeurs, etc.)", "Les exploitants de remontées mécaniques", "Les habitants et associations locales", "L’État et ses services (préfectures, agences, etc.)", "Je ne sais pas"]; const normalize = formG04Q07['normalize']; const rep = formG04Q07['positive']; const titre = formG04Q07['titre']; const couleurs = formG04Q07['couleurs']; let resData = []; let obj = {}; let colorScheme = "" for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] === "Oui") { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } else if ( keys[j] === 'G03Q09[other]' && data[i][keys[j]] != undefined) { obj.Response = "Oui"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } colorScheme = "blues" const nbReponses = d3.flatRollup(resData, (D) => D.length, (d) => d['id']); const total = nbReponses.length; const ticklabelpourcentage = "réponses (%)"; const ticklabel = "réponses"; return Plot.plot({ title: titre, marginLeft: formG04Q07['ml'], marginBottom: 70, height: 650, width : 1100, x: normalize ? { tickFormat: "%", label: ticklabelpourcentage } : { tickFormat: Math.abs, label: ticklabel }, y: { tickSize: 0, label :"" }, fy : {domain : nom}, facet: { data: resData, y: "Question", label : "Acteurs", domain : nom }, color: { legend : false, domain: order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip: false, order, offset } ) ), Plot.textX( resData, Plot.map( {text: normalize ? (values) => values.map(d3.format(".0%")) : (values) => values}, Plot.stackX( Plot.groupZ( { x: normalize ? (d) => { return d.length/total} : "count", text: normalize ? (d) => { return d.length/total} : "count" }, { z: "Response", fontSize : 16, fontFamily : "Lato-Light,sans-serif", order, offset } ) ) ) ), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}) ] }); }62:T46e,viewof formReco = Inputs.form({ normalize: Inputs.toggle({ label: "Affichez en %" }), affichage : Inputs.toggle({ label: "Afficher les données chiffrées sur le graphique", value : true }), nspp : Inputs.toggle({ label: 'Cacher « Ne se prononce pas » ', value : true }), /*titre: Inputs.textarea({label: "Saisir ou modifier le titre", value: "Personnellement, avez-vous confiance dans la fiabilité des informations véhiculées par les organisations et créateurs de contenu présents sur les réseaux sociaux suivants ?"}),*/ couleurs : Inputs.select(colorSchemes,{ label: "Choisir un ensemble de couleurs", format: x => x.nom, value: colorSchemes.find(t => t.valeur === "RdYlGn") }), inter : html`

Mise en forme :

`, h: Inputs.range([0, 900], {step: 1, value : 800, label: "Hauteur"}), mt: Inputs.range([0, 150], {step: 1, value : 60, label: "Marge du haut"}), mb: Inputs.range([0, 200], {step: 1, value : 60, label: "Marge du bas"}), mr: Inputs.range([0, 150], {step: 1, value : 60, label: "Marge de droite"}), ml: Inputs.range([0, 600], {step: 1, value : 430, label: "Marge de gauche"}) });63:Tdbd,{ const pourcentage = formReco['normalize'] const affichageTexte = formReco['affichage'] const nspp = formReco['nspp'] let codeQuestion = '' const titre = formReco['titre'] const couleurs = formReco['couleurs'] const tranches = formReco['tranches'] let keys = ['G07Q01[SQ001]', 'G07Q01[SQ002]', 'G07Q01[SQ003]', 'G07Q01[SQ004]']; let {order, offset} = Likert([ ["Pas du tout important", -1], ["Peu important", -1], ["Ne se prononce pas", 0], ["Plutôt important", 1], ["Très important", 1] ]); const nom = ["1.1. Sensibiliser les usagers, ponctuels comme permanents,\naux « codes de la montagne » (respect de la biodiversité, règles de sécurité, etc.)", "1.2. Mener des actions de communication et de médiation\nafin d’assurer la coexistence des activités pastorales et du tourisme estival", "1.3. Faire évoluer notre système de représentation de la montagne\n(modèle économique fondé sur le ski)\n vers un modèle plus durable fondé sur la pluriactivité", "1.4. Démocratiser l’accès à la montagne par des aides au financement des séjours\n(sur critères sociaux, géographiques, pour les scolaires, etc.)"]; let resData = []; let obj = {}; for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] == undefined || data[i][keys[j]] == "Ne se prononce pas") { if (!nspp) { obj.Response = "Ne se prononce pas"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } else { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } return Plot.plot({ title: "", height: formReco['h'], width, marginLeft: formReco['ml'], marginBottom: formReco['mb'], x: pourcentage ? { tickFormat: "%", label: tranches ? tranches.nom + " - réponses (%)" : "réponses (%)"} : { tickFormat: Math.abs, label: tranches ? tranches.nom + " - nombre de réponses" : "nombre de réponses"}, y: { tickSize: 0 }, facet: { data: resData, y: "Question", label : "Préconisations" }, color: { legend : true, domain: nspp ? ["Pas du tout important","Peu important","Plutôt important", "Très important" ] : order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip:true, order, offset } ) ), Plot.textX( resData, Plot.map( {text: affichageTexte ? (pourcentage ? (values) => values.map(d3.format(".1%")) : (values) => values) : (values) => values.map(value => "")}, Plot.stackX( Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count", text: pourcentage ? "proportion-facet" : "count" }, { z: "Response", fontFamily : "Lato-Light,sans-serif", fill : "#000", order, offset } ) ) ) ), Plot.axisX({ticks: []}), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}), ] }); }64:Tbc7,{ const pourcentage = formReco['normalize'] const affichageTexte = formReco['affichage'] const nspp = formReco['nspp'] let codeQuestion = '' const titre = formReco['titre'] const couleurs = formReco['couleurs'] const tranches = formReco['tranches'] let keys = ['G07Q02[SQ001]']; let {order, offset} = Likert([ ["Pas du tout important", -1], ["Peu important", -1], ["Ne se prononce pas", 0], ["Plutôt important", 1], ["Très important", 1] ]); const nom = ["2.1. Favoriser le dialogue\nentre les différents acteurs de la montagne\npour éviter les conflits d’usage,\nnotamment par la désignation d’un chargé de médiation"]; let resData = []; let obj = {}; for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] == undefined || data[i][keys[j]] == "Ne se prononce pas") { if (!nspp) { obj.Response = "Ne se prononce pas"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } else { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } return Plot.plot({ title: "", height: formReco['h'], width, marginLeft: formReco['ml'], marginBottom: formReco['mb'], x: pourcentage ? { tickFormat: "%", label: tranches ? tranches.nom + " - réponses (%)" : "réponses (%)"} : { tickFormat: Math.abs, label: tranches ? tranches.nom + " - nombre de réponses" : "nombre de réponses"}, y: { tickSize: 0 }, facet: { data: resData, y: "Question", label : "Préconisations" }, color: { legend : true, domain: nspp ? ["Pas du tout important","Peu important","Plutôt important", "Très important" ] : order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip:true, order, offset } ) ), Plot.textX( resData, Plot.map( {text: affichageTexte ? (pourcentage ? (values) => values.map(d3.format(".1%")) : (values) => values) : (values) => values.map(value => "")}, Plot.stackX( Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count", text: pourcentage ? "proportion-facet" : "count" }, { z: "Response", fontFamily : "Lato-Light,sans-serif", fill : "#000", order, offset } ) ) ) ), Plot.axisX({ticks: []}), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}), ] }); }65:Te3e,{ const pourcentage = formReco['normalize'] const affichageTexte = formReco['affichage'] const nspp = formReco['nspp'] let codeQuestion = '' const titre = formReco['titre'] const couleurs = formReco['couleurs'] const tranches = formReco['tranches'] let keys = ['G07Q03[SQ001]', 'G07Q03[SQ002]', 'G07Q03[SQ003]', 'G07Q03[SQ004]']; let {order, offset} = Likert([ ["Pas du tout important", -1], ["Peu important", -1], ["Ne se prononce pas", 0], ["Plutôt important", 1], ["Très important", 1] ]); const nom = ["3.1. Davantage conditionner les aides publiques au respect d’une trajectoire\nde transition et d’objectifs de développement durable", "3.2. Faire évoluer la taxe de séjour\nafin qu’elle contribue davantage au financement de la transition des stations\n(fléchage, taux adapté selon la saison ou le type d’hébergement,\nmodulation selon des critères environnementaux…)", "3.3. Favoriser la diversification des activités économiques\npour sortir de la dépendance au ski\n(agriculture, artisanat, services, loisirs hors ski, etc.)", "3.4. Proposer des aides agricoles, foncières et énergétiques à destinationde projets\nd’installation ou de maintien d’habitants à l’année\nen station de montagne et leurs communes supports"]; let resData = []; let obj = {}; for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] == undefined || data[i][keys[j]] == "Ne se prononce pas") { if (!nspp) { obj.Response = "Ne se prononce pas"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } else { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } return Plot.plot({ title: "", height: formReco['h'], width, marginLeft: formReco['ml'], marginBottom: formReco['mb'], x: pourcentage ? { tickFormat: "%", label: tranches ? tranches.nom + " - réponses (%)" : "réponses (%)"} : { tickFormat: Math.abs, label: tranches ? tranches.nom + " - nombre de réponses" : "nombre de réponses"}, y: { tickSize: 0 }, facet: { data: resData, y: "Question", label : "Préconisations" }, color: { legend : true, domain: nspp ? ["Pas du tout important","Peu important","Plutôt important", "Très important" ] : order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip:true, order, offset } ) ), Plot.textX( resData, Plot.map( {text: affichageTexte ? (pourcentage ? (values) => values.map(d3.format(".1%")) : (values) => values) : (values) => values.map(value => "")}, Plot.stackX( Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count", text: pourcentage ? "proportion-facet" : "count" }, { z: "Response", fontFamily : "Lato-Light,sans-serif", fill : "#000", order, offset } ) ) ) ), Plot.axisX({ticks: []}), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}), ] }); }66:Tef2,{ const pourcentage = formReco['normalize'] const affichageTexte = formReco['affichage'] const nspp = formReco['nspp'] let codeQuestion = '' const titre = formReco['titre'] const couleurs = formReco['couleurs'] const tranches = formReco['tranches'] let keys = ['G07Q04[SQ001]', 'G07Q04[SQ002]', 'G07Q04[SQ003]', 'G07Q04[SQ004]', 'G07Q04[SQ005]', 'G07Q04[SQ006]']; let {order, offset} = Likert([ ["Pas du tout important", -1], ["Peu important", -1], ["Ne se prononce pas", 0], ["Plutôt important", 1], ["Très important", 1] ]); const nom = ["4.1. Réguler les flux touristiques\nlors des périodes particulièrement fréquentées,\nsur le modèle des jauges avec réservation\nen amont pour les espaces naturels les plus fragiles", "4.2. Décarboner les infrastructures liées à la pratique du ski\n(dameuses, remontées mécaniques, etc.)", "4.3. Désinstaller\nles infrastructures de ski de piste obsolètes\net/ou non rentables\npour réduire les phénomènes de « pollution visuelle »", "4.4. Adapter les prélèvements de la ressource en eau\nselon sa disponibilité et le niveau d’enneigement,\nafin d'arbitrer entre les besoins de consommation humaine, agricoles ou de loisirs", "4.5. Installer des dispositifs de production d’énergie renouvelable\nlorsque la géographie du territoire le permet\n(dans le respect des zones naturelles et des ", "4.6. Accélérer la rénovation des bâtiments à faible efficacité thermique"]; let resData = []; let obj = {}; for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] == undefined || data[i][keys[j]] == "Ne se prononce pas") { if (!nspp) { obj.Response = "Ne se prononce pas"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } else { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } return Plot.plot({ title: "", height: formReco['h'], width, marginLeft: formReco['ml'], marginBottom: formReco['mb'], x: pourcentage ? { tickFormat: "%", label: tranches ? tranches.nom + " - réponses (%)" : "réponses (%)"} : { tickFormat: Math.abs, label: tranches ? tranches.nom + " - nombre de réponses" : "nombre de réponses"}, y: { tickSize: 0 }, facet: { data: resData, y: "Question", label : "Préconisations" }, color: { legend : true, domain: nspp ? ["Pas du tout important","Peu important","Plutôt important", "Très important" ] : order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip:true, order, offset } ) ), Plot.textX( resData, Plot.map( {text: affichageTexte ? (pourcentage ? (values) => values.map(d3.format(".1%")) : (values) => values) : (values) => values.map(value => "")}, Plot.stackX( Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count", text: pourcentage ? "proportion-facet" : "count" }, { z: "Response", fontFamily : "Lato-Light,sans-serif", fill : "#000", order, offset } ) ) ) ), Plot.axisX({ticks: []}), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}), ] }); }67:Tcab,{ const pourcentage = formReco['normalize'] const affichageTexte = formReco['affichage'] const nspp = formReco['nspp'] let codeQuestion = '' const titre = formReco['titre'] const couleurs = formReco['couleurs'] const tranches = formReco['tranches'] let keys = ['G07Q05[SQ001]', 'G07Q05[SQ002]']; let {order, offset} = Likert([ ["Pas du tout important", -1], ["Peu important", -1], ["Ne se prononce pas", 0], ["Plutôt important", 1], ["Très important", 1] ]); const nom = ["5.1. Favoriser le déploiement et l’accès\nà des mobilités décarbonées pour se rendre en station de montagne\n(amélioration de l’offre de trains, développement des trains de nuit)", "5.2. Favoriser l’accès décarboné aux stations de montagne\nsur le « dernier kilomètre » (ascenseurs valléens, navettes électriques…)\nafin de limiter la pollution des vallées"]; let resData = []; let obj = {}; for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] == undefined || data[i][keys[j]] == "Ne se prononce pas") { if (!nspp) { obj.Response = "Ne se prononce pas"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } else { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } return Plot.plot({ title: "", height: formReco['h'], width, marginLeft: formReco['ml'], marginBottom: formReco['mb'], x: pourcentage ? { tickFormat: "%", label: tranches ? tranches.nom + " - réponses (%)" : "réponses (%)"} : { tickFormat: Math.abs, label: tranches ? tranches.nom + " - nombre de réponses" : "nombre de réponses"}, y: { tickSize: 0 }, facet: { data: resData, y: "Question", label : "Préconisations" }, color: { legend : true, domain: nspp ? ["Pas du tout important","Peu important","Plutôt important", "Très important" ] : order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip:true, order, offset } ) ), Plot.textX( resData, Plot.map( {text: affichageTexte ? (pourcentage ? (values) => values.map(d3.format(".1%")) : (values) => values) : (values) => values.map(value => "")}, Plot.stackX( Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count", text: pourcentage ? "proportion-facet" : "count" }, { z: "Response", fontFamily : "Lato-Light,sans-serif", fill : "#000", order, offset } ) ) ) ), Plot.axisX({ticks: []}), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}), ] }); }68:Td62,{ const pourcentage = formReco['normalize'] const affichageTexte = formReco['affichage'] const nspp = formReco['nspp'] let codeQuestion = '' const titre = formReco['titre'] const couleurs = formReco['couleurs'] const tranches = formReco['tranches'] let keys = ['G07Q06[SQ001]', 'G07Q06[SQ002]', 'G07Q06[SQ003]', 'G07Q06[SQ004]']; let {order, offset} = Likert([ ["Pas du tout important", -1], ["Peu important", -1], ["Ne se prononce pas", 0], ["Plutôt important", 1], ["Très important", 1] ]); const nom = ["6.1. Elaborer un dispositif incitant\nà la mise en location des biens immobiliers vacants", "6.2. Mieux réguler les locations touristiques de courte durée\nafin de permettre aux travailleurs et aux saisonniers de se loger au sein de la station", "6.3. Accélérer la rénovation énergétique des logements de montagne\npour lutter contre le phénomène de « passoires thermiques »,\nnotamment grâce à un dispositif incitatif en faveur des propriétaires", "6.4. Soutenir le secteur de l’hébergement collectif abordable\n(auberges de jeunesse, résidences d’accueil de séjours collectifs, etc.)"]; let resData = []; let obj = {}; for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] == undefined || data[i][keys[j]] == "Ne se prononce pas") { if (!nspp) { obj.Response = "Ne se prononce pas"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } else { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } return Plot.plot({ title: "", height: formReco['h'], width, marginLeft: formReco['ml'], marginBottom: formReco['mb'], x: pourcentage ? { tickFormat: "%", label: tranches ? tranches.nom + " - réponses (%)" : "réponses (%)"} : { tickFormat: Math.abs, label: tranches ? tranches.nom + " - nombre de réponses" : "nombre de réponses"}, y: { tickSize: 0 }, facet: { data: resData, y: "Question", label : "Préconisations" }, color: { legend : true, domain: nspp ? ["Pas du tout important","Peu important","Plutôt important", "Très important" ] : order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip:true, order, offset } ) ), Plot.textX( resData, Plot.map( {text: affichageTexte ? (pourcentage ? (values) => values.map(d3.format(".1%")) : (values) => values) : (values) => values.map(value => "")}, Plot.stackX( Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count", text: pourcentage ? "proportion-facet" : "count" }, { z: "Response", fontFamily : "Lato-Light,sans-serif", fill : "#000", order, offset } ) ) ) ), Plot.axisX({ticks: []}), ] }); }69:Tc52,{ const pourcentage = formReco['normalize'] const affichageTexte = formReco['affichage'] const nspp = formReco['nspp'] let codeQuestion = '' const titre = formReco['titre'] const couleurs = formReco['couleurs'] const tranches = formReco['tranches'] let keys = ['G07Q07[SQ001]', 'G07Q07[SQ002]']; let {order, offset} = Likert([ ["Pas du tout important", -1], ["Peu important", -1], ["Ne se prononce pas", 0], ["Plutôt important", 1], ["Très important", 1] ]); const nom = ["7.1. Revaloriser les métiers de la montagne\net favoriser le maintien des emplois à l’année,\nvia la formation continue et la mobilité professionnelle", "7.2. Faire des stations de montagne des lieux de vie à l’année,\nen favorisant l’implantation de commerces et de services publics"]; let resData = []; let obj = {}; for (let i = 0; i < data.length; i++) { for (let j = 0; j < keys.length; j++) { if (data[i][keys[j]] == undefined || data[i][keys[j]] == "Ne se prononce pas") { if (!nspp) { obj.Response = "Ne se prononce pas"; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } else { obj.Response = data[i][keys[j]]; obj.id = data[i]['id']; obj.Question = nom[j]; resData.push(obj); obj = {}; } } } return Plot.plot({ title: "", height: formReco['h'], width, marginLeft: formReco['ml'], marginBottom: formReco['mb'], x: pourcentage ? { tickFormat: "%", label: tranches ? tranches.nom + " - réponses (%)" : "réponses (%)"} : { tickFormat: Math.abs, label: tranches ? tranches.nom + " - nombre de réponses" : "nombre de réponses"}, y: { tickSize: 0 }, facet: { data: resData, y: "Question", label : "Préconisations" }, color: { legend : true, domain: nspp ? ["Pas du tout important","Peu important","Plutôt important", "Très important" ] : order, scheme: couleurs.valeur }, marks: [ Plot.barX( resData, Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count" }, { fill: "Response", stroke: "#777", strokeWidth:0.5, tip:true, order, offset } ) ), Plot.textX( resData, Plot.map( {text: affichageTexte ? (pourcentage ? (values) => values.map(d3.format(".1%")) : (values) => values) : (values) => values.map(value => "")}, Plot.stackX( Plot.groupZ( { x: pourcentage ? "proportion-facet" : "count", text: pourcentage ? "proportion-facet" : "count" }, { z: "Response", fontFamily : "Lato-Light,sans-serif", fill : "#000", order, offset } ) ) ) ), Plot.axisX({ticks: []}), Plot.axisFy({ lineWidth: 20, anchor: "left", labelAnchor: "center"}) ] }); }6a:[{"id":"93ff50554e7f555e615ecade3a4aa34ab907e0e9353da615dcebb2373c1a0c6ef5857d03a69b935b674a75e81ae54217bea78f1d4463ac1b605e812588575ba2","href":"https://static.observableusercontent.com/files/93ff50554e7f555e615ecade3a4aa34ab907e0e9353da615dcebb2373c1a0c6ef5857d03a69b935b674a75e81ae54217bea78f1d4463ac1b605e812588575ba2","name":"donnees_15092025@5.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1758617239462.051,"size":577724}] 47:{"id":"53b04f135ef6a823","slug":"montagne","title":"Montagne","thumbnail":null,"access_level":"public","create_time":"$D2025-09-08T15:59:09.892Z","update_time":"$D2025-12-03T15:39:41.847Z","view_time":null,"first_public_time":"$D2025-09-19T07:00:03.927Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"4030f95112e47d8f","login":"dcdp","name":"DCDP","avatar_url":"https://avatars-next.observableusercontent.com/749d204ce159321bc64534db35a7d70b762d2755a3e91eea597dfbda436dedd4","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":548,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"098c8028c708e540","login":"frederic-poli","name":"Frederic poli","avatar_url":"https://avatars-next.observableusercontent.com/9391eeb738294d41d4a14d52fb324f2d8ed16a4208d566b586622ffe8de6fa07","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"4030f95112e47d8f","login":"dcdp","name":"DCDP","avatar_url":"https://avatars-next.observableusercontent.com/749d204ce159321bc64534db35a7d70b762d2755a3e91eea597dfbda436dedd4","tier":"starter_2024","role":"editor"},{"type":"individual","id":"098c8028c708e540","login":"frederic-poli","name":"Frederic poli","avatar_url":"https://avatars-next.observableusercontent.com/9391eeb738294d41d4a14d52fb324f2d8ed16a4208d566b586622ffe8de6fa07","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Montagne","cells":[{"id":0,"value":"md`# Montagne`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"workbook = FileAttachment(\"donnees_15092025@5.xlsx\").xlsx()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"data = workbook.sheet(0, {\n headers: true\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"

G01Q01

G01Q03

G01Q04

G01Q05

G02Q01

G03Q01A

G03Q01

G03Q02

G03Q03

G03Q04

G03Q05

G03Q06

G03Q07

G03Q08

G03Q09

G03Q10

G03Q11

G04Q01

G04Q02

G04Q03

G04Q04

G04Q05

G04Q06

G04Q07

Recommandations - Les territoires de montagne font face à des enjeux environnementaux, économiques et sociaux forts. Quelle est, selon vous, l’importance des préconisations suivantes ?

1. Sensibilisation et éducation

2. Gouvernance

3. Financement de la transition

4. Gestion et préservation des ressources naturelles (eau, énergie, espace, paysages)

5. Transports et mobilités

6. Hébergement

7. Emploi et vie des stations de montagne

Données techniques

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"import {populationPyramidPlot} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"import {colorSchemes} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"import {departements} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"import {lieux} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"import {lambert93} from \"4a90329ce815693a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"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":61,"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":63,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":118,"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":129,"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":190,"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"}],"files":"$W6a","stdlib":"1"}} 24:null