2b:null 2c:["$","title",null,{"children":"CovidOscope | Alain Ottenheimer | Observable"}] 31:T2aaa,chart = { const height = width * 1.2; const y_legend = 5; const x_legend = width - 210; const svg = d3 .select(DOM.svg(width, height)) .style("width", "100%") .style("height", "auto"); const background = svg .append("rect") .attr("width", width) .attr("height", height) .attr("fill", bgColor); const zoom = d3.zoom().scaleExtent([0.45, 7]).on("zoom", zoomed); const g = svg.append("g").attr("transform", `translate(${"0"}, ${"100"})`); // ------------------------------------ tracé contours --------------------------------------- /* var carte = g .append("svg:image") .attr( "xlink:href", "https://raw.githubusercontent.com/ToulouseDataViz/COVID-19/master/images/France_dep_.25pt.svg" ) .attr("x", -30) .attr("y", -50) .attr("width", width * 1.25) .attr("height", width * 1.2); */ // ------------------------------------- Initialisation de la boucle ------------------------------ const states = g .selectAll(".states") .data(cartogram_data) .enter() .append("g") .attr("path", (d) => d) .attr("class", "state-groups"); //---------------------------------------- Tracés des ticks sur l'axe X--------------------------------- /* states.append('g') .attr('transform', d => `translate(${x_column(d)}, ${y_column(d) + state_size})`) .call(xAxis) */ // ---------------------------------- tracé des barres----------------------------------- --------------- if ((graph_type == "bar") | (graph_type == "line")) { states .append("g") .attr("transform", (d) => `translate(${x_column(d)}, ${y_column(d)})`) .selectAll(".bar") .data((d) => d.data[selectedEncoding]) .enter() .append("rect") .attr("x", (d) => x(d.key)) .attr("y", (d) => z(d.value)) //.attr('width', x.bandwidth()) .attr( "width", (x(minmaxValues.date_max) - x(minmaxValues.date_min)) / years.length ) .attr("height", (d) => z(0) - z(d.value)) .attr( "fill", graph_type == "bar" ? (d) => clusterScale(get_value(d)) : "black" ) .attr( "stroke", graph_type == "bar" ? (d) => clusterScale(get_value(d)) : "black" ) .attr("stroke-width", 0.1) .append("title") .text(getText); } // ---------------------------------- tracé des lines ----------------------------------- --------------- if (graph_type == "line") { const line = d3 .line() //.defined(d => !isNaN(d.value)) .defined( (selectedEncoding == "R") & (select_week_day == "non") ? (d) => !isNaN(d.value) : (d) => d.value != 0 ) .x((d) => x(d.key)) .y((d) => z(d.value)); states .append("g") .attr("transform", (d) => `translate(${x_column(d)}, ${y_column(d)})`) .selectAll(".line") //.data(d => [d.data["rea_soins_intensifs"]]) .data((d) => [d.data[selectedEncoding]]) .enter() .append("path") .attr("d", line) .attr("fill", "none") .attr("stroke", line_color(selectedEncoding)) .attr("stroke-width", 1.2); } //---------------------------------------- Tracés des encadrements------------------------------------- states .append("g") .attr("transform", (d) => `translate(${x_column(d)}, ${y_column(d)})`) .append("rect") .attr("x", (d) => d) .attr("y", (d) => d) .attr("width", x(minmaxValues.date_max) - x(minmaxValues.date_min)) .attr("height", z(0) - z(maxValues.y)) .attr("fill", "none") // bgColor .attr("stroke", "#363636") .attr("stroke-width", 0.5); // ---------------------------------- Ajout du numéro du département pour chaque tracé --------------- states .append("text") .attr("class", "state-label") .attr("dominant-baseline", "central") .attr("x", (d) => axisPosition(0.4 * d.column) - 20) .attr("y", (d) => axisPosition(0.4 * d.row) - 25) .attr("text-anchor", "start") // middle .attr("font-size", 12) .attr("font-family", "Helvetica") //.attr('fill', d => dep_color_tx_incid(d.data.tx_incid)) .attr("fill", "#969696") .text((d) => d.INSEE_DEP); /* .text( select_week_day == 'non' ? d => d.INSEE_DEP + " (" + d3.format(".0f")(tx_incid_last_day(d.INSEE_DEP)) + ")" : d => d.INSEE_DEP ); */ /* states.append('text') .attr('transform', d => `translate(${x_column(d)+2}, ${y_column(d)+5})`).attr('class', 'state-label') .attr('dominant-baseline', 'central') .attr('x', d => d) .attr('y', d => d) .attr('text-anchor', 'start') .attr('font-size', 8*width/1000) .attr('font-family', 'Helvetica') //.attr('fill', d => dep_color(d.INSEE_DEP)) .attr('fill', d => dep_color_epidemie(d.INSEE_DEP)) //.attr('fill', "#fff") .text(d => d.INSEE_DEP+" ("+d3.format(".0f")(dep_value_epidemie(d.INSEE_DEP))+")"); */ // ------------------------------------ ajout source------------------------------------------------- svg .append("text") .attr("class", "text") .attr("y", height - 10) .attr("x", 10) .attr("text-anchor", "left") .attr("font-size", 12) .attr("font-family", "Helvetica") .attr("fill", "#878787") .text( "Réalisation A Ottenheimer - datasens.fr - Source des données : santé publique france" ); // ------------------------------------ ajout titre------------------------------------------------- svg .append("text") .attr("class", "text") .attr("y", 25) .attr("x", width / 2) .attr("text-anchor", "middle") .attr("font-size", 16) .attr("font-family", "Helvetica") .attr("fill", "#878787") .text( select_week_day == "oui" ? "Données hospitalières COVID-19 - Historique" : "Données hospitalières COVID-19 - Dernier mois" ); svg .append("text") .attr("y", 50) .attr("x", width / 2) .attr("fill", "#878787") .attr("text-anchor", "middle") .text(selectedEncoding.toUpperCase()); svg .append("text") .attr("y", 75) .attr("x", width / 2) .attr("fill", "#878787") .attr("text-anchor", "middle") .text( (selectedEncoding.slice(0, 2) == "tx") & (selectedEncoding != "tx_incid") ? "en %" : selectedEncoding == "R" ? "" : selectedEncoding == "tx_incid" ? "Cas pour 100000" : select_affichage ); // --------------------------------------------LEGEND ----------------------------------------------- // ----------------------------------------- Encadrement ------------------------------------------- svg .append("rect") .attr("y", y_legend + 20) .attr("x", x_legend + 70) .attr("width", 100) .attr("height", 100) .attr("fill", "none") .attr("stroke", "white") .attr("stroke-width", 0.3); // ----------------------------------------- Texte N° Dept --------------------------------------- svg .append("text") .attr("class", "text") .attr("y", y_legend + 35) .attr("x", x_legend + 70 + 2) .attr("text-anchor", "start") .attr("font-size", 12) .attr("font-family", "Helvetica") .attr("fill", "white") .text("N° dept"); // ----------------------------------------- Texte y axis -------------------------- svg .append("text") .attr("class", "text") .attr("y", y_legend + 10) .attr("x", x_legend + 65) .attr("text-anchor", "middle") .attr("font-size", 12) .attr("font-family", "Helvetica") .attr("fill", "white") .attr("transform", "rotate(0)") //.text(select_affichage == "En nombre" ? "Nb de personnes" : "En ‱ ") .text( (selectedEncoding.slice(0, 2) == "tx") & (selectedEncoding != "tx_incid") ? "en %" : selectedEncoding == "R" ? "" : selectedEncoding == "tx_incid" ? "Cas pour 100000" : select_affichage ); // ----------------------------------------- texte echelle Y ----------------------------------- svg .append("text") .attr("class", "text") .attr("y", y_legend + 28) .attr("x", x_legend + 65) .attr("text-anchor", "end") .attr("font-size", 12) .attr("font-family", "Helvetica") .attr("fill", "white") .text(format(maxValues.y)); svg .append("text") .attr("class", "text") .attr("y", y_legend + 120) .attr("x", x_legend + 65) .attr("text-anchor", "end") .attr("font-size", 12) .attr("font-family", "Helvetica") .attr("fill", "white") .text(format(0)); // ----------------------------------------- texte echelle X --------------------------------------- svg .append("text") .attr("class", "text") .attr("y", y_legend + 135) .attr("x", x_legend + 70) .attr("text-anchor", "middle") .attr("font-size", 10) .attr("font-family", "Helvetica") .attr("fill", "white") .text(dateFr(minmaxValues.date_min)); svg .append("text") .attr("class", "text") .attr("y", y_legend + 135) .attr("x", x_legend + 170) .attr("text-anchor", "middle") .attr("font-size", 10) .attr("font-family", "Helvetica") .attr("fill", "white") .text( select_week_day == "oui" ? dateFr(years[years.length - 1]) : // ? dateFr(deltaDate(years[years.length - 1], +0, 0, 0)) dateFr(years[years.length - 1]) ); // ----------------------------------------- Zoom -------------------------------------------- // svg.call(zoom); function clicked(d) { const [[x0, y0], [x1, y1]] = path.bounds(d); d3.event.stopPropagation(); svg .transition() .duration(750) .call( zoom.transform, d3.zoomIdentity .translate(width / 2, height / 2) .scale( Math.min(8, 0.9 / Math.max((x1 - x0) / width, (y1 - y0) / height)) ) .translate(-(x0 + x1) / 2, -(y0 + y1) / 2), d3.mouse(svg.node()) ); } function zoomed() { const { transform } = d3.event; g.attr("transform", transform); g.attr("stroke-width", 1 / transform.k); } yield svg.node(); //return svg.node() const colorLegend = d3 .legendColor() .scale(clusterScale) .shapeWidth(30) .labels(d3.legendHelpers.thresholdLabels) .labelFormat( select_affichage == "En nombre" ? d3.format(".0f") : d3.format(".1f") ) .labelWrap(100) //.title(`${selectedEncoding.replace(/_/g, ' ').replace(/\b\w/g, l => l.toUpperCase())} (cumul)`) .orient("vertical"); if (graph_type == "bar") { svg .append("g") .attr("transform", `translate(${"5"}, ${"5"})`) .attr("y", height - 30) //.call(colorLegend) .attr("font-family", "Helvetica") .attr("font-size", 15) .attr("fill", "#fff"); } }32:T50f,Plot.plot({ style: { backgroundColor: bgColor, color: "#f88502", fontSize: "12px" }, width: width, height: width * 0.6, marginTop: 50, marginBottom: 60, marginLeft: 60, x: { label: "Date →", tickFormat: "%b %y" }, y: { grid: true, label: "↑ Nombre", domain: select_scale === "Auto" ? undefined : [0, select_scale] }, title: html`

${selectedEncoding_new}

`, marks: [ // 1. Horizontal Rule at Y = 0 (The Baseline) Plot.ruleY([0], { stroke: "#f88502", strokeWidth: 1.5 }), // 2. Vertical Rule at a specific date (e.g., the last date in your data) Plot.ruleX([d3.min(raw_data_hosp_new_sum, (d) => new Date(d.key))], { stroke: "#f88502", strokeWidth: 1.5 }), // 3. The Loess Regression Line Plot.lineY(loessData, { x: (d) => d[0], y: (d) => d[1], stroke: "white", strokeWidth: 3, strokeDasharray: "5,5" }), // 4. The Main Data Line Plot.lineY(raw_data_hosp_new_sum, { x: (d) => new Date(d.key), y: (d) => d.value[indic_type(selectedEncoding_new)], stroke: "#f88502", strokeWidth: 1, curve: "monotone-x", title: getText_2 }) ] })33:T526,raw_data_hosp__todo = raw_data_hosp_todo.map((d) => { const newRow = {}; const dateStr = d.jour.split(";")[0]; const dateObj = new Date(dateStr); const formatDate = d3 .timeFormatLocale({ dateTime: "%A %e %B %Y %X", date: "%d/%m/%Y", time: "%H:%M:%S", periods: ["AM", "PM"], days: [ "dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi" ], shortDays: ["dim", "lun", "mar", "mer", "jeu", "ven", "sam"], months: [ "janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre" ], shortMonths: [ "jan", "fév", "mar", "avr", "mai", "jun", "jul", "aoû", "sep", "oct", "nov", "déc" ] }) .format("%d %B %Y"); newRow.id = d.dep + dateStr + d.sexe; newRow.dep = +d.dep < 10 ? (+d.dep).toString() : d.dep; newRow.sexe = d.sexe; newRow.jour = dateObj; newRow.jour_fr = formatDate(dateObj); newRow.hosp = +d.hosp; newRow.rea = +d.rea; newRow.rad = +d.rad; newRow.dc = +d.dc; return newRow; })34:Ta3c,raw_data_hosp_ratio = { if (select_week_day == 'non') { return merge(data_merge, ratio).map(obj => { return { dep: obj.dep, ratio: obj.ratio, sexe: obj.sexe, jour: obj.jour, jour_fr: obj.jour_fr, tx_incid: obj.tx_incid, tx_pos: obj.tx_pos, tx_occupation_sae: obj.tx_occupation_sae, R: obj.R, hosp: select_affichage == "En nombre" ? obj.hosp : +d3.format(".2f")(obj.ratio > 0 ? obj.hosp / obj.ratio : 0), rea: select_affichage == "En nombre" ? obj.rea : +d3.format(".2f")(obj.ratio > 0 ? obj.rea / obj.ratio : 0), rad: select_affichage == "En nombre" ? obj.rad : +d3.format(".2f")(obj.ratio > 0 ? obj.rad / obj.ratio : 0), dc: select_affichage == "En nombre" ? obj.dc : +d3.format(".2f")(obj.ratio > 0 ? obj.dc / obj.ratio : 0), indic_dc: select_affichage == "En nombre" ? obj.indic_dc : +d3.format(".2f")(obj.ratio > 0 ? obj.indic_dc / obj.ratio : 0), indic_rad: select_affichage == "En nombre" ? obj.indic_rad : +d3.format(".2f")(obj.ratio > 0 ? obj.indic_rad / obj.ratio : 0) }; }); } else { return merge(data_merge_byWeek, ratio).map(obj => { return { dep: obj.dep, ratio: obj.ratio, sexe: 0, jour: obj.jour, jour_fr: obj.jour_fr, tx_incid: obj.tx_incid, tx_pos: obj.tx_pos, tx_occupation_sae: obj.tx_occupation_sae, R: obj.R, hosp: select_affichage == "En nombre" ? obj.hosp : +d3.format(".2f")(obj.ratio > 0 ? obj.hosp / obj.ratio : 0), rea: select_affichage == "En nombre" ? obj.rea : +d3.format(".2f")(obj.ratio > 0 ? obj.rea / obj.ratio : 0), rad: select_affichage == "En nombre" ? obj.rad : +d3.format(".2f")(obj.ratio > 0 ? obj.rad / obj.ratio : 0), dc: select_affichage == "En nombre" ? obj.dc : +d3.format(".2f")(obj.ratio > 0 ? obj.dc / obj.ratio : 0), indic_dc: select_affichage == "En nombre" ? obj.indic_dc : +d3.format(".2f")(obj.ratio > 0 ? obj.indic_dc / obj.ratio : 0), indic_rad: select_affichage == "En nombre" ? obj.indic_rad : +d3.format(".2f")(obj.ratio > 0 ? obj.indic_rad / obj.ratio : 0) }; }); } }35:T7f4,data_hosp = { return nesting.map(obj => { return { key: obj.key, deces: obj.values.map(obj => { return { key: obj.jour, value: obj.indic_dc, nom_dept: obj.dep }; }), hospitalises: obj.values.map(obj => { return { key: obj.jour, value: obj.hosp, nom_dept: obj.dep }; }), rea_soins_intensifs: obj.values.map(obj => { return { key: obj.jour, value: obj.rea, nom_dept: obj.dep }; }), retour_domicile: obj.values.map(obj => { return { key: obj.jour, value: obj.indic_rad, nom_dept: obj.dep }; }), retour_domicile_cumul: obj.values.map(obj => { return { key: obj.jour, value: obj.rad, nom_dept: obj.dep }; }), deces_cumul: obj.values.map(obj => { return { key: obj.jour, value: obj.dc, nom_dept: obj.dep }; }), sexe: obj.values.map(obj => { return { key: obj.jour, value: obj.sexe, nom_dept: obj.dep }; }), ratio: obj.values.map(obj => { return { key: obj.jour, value: obj.ratio, nom_dept: obj.dep }; }), R: obj.values.map(obj => { return { key: obj.jour, value: obj.R, nom_dept: obj.dep }; }), tx_occupation_sae: obj.values.map(obj => { return { key: obj.jour, value: obj.tx_occupation_sae, nom_dept: obj.dep }; }), tx_pos: obj.values.map(obj => { return { key: obj.jour, value: obj.tx_pos, nom_dept: obj.dep }; }), tx_incid: obj.values.map(obj => { return { key: obj.jour, value: obj.tx_incid, nom_dept: obj.dep }; }) }; }); }36:T49e,texte = { let text = 0; if (select_affichage == 'En nombre') { return (text = [ "Nombre de personnes décédées", "Nombre de personnes actuellement en réanimation ou en soins intensifs", "Nombre de personnes actuellement hospitalisées", "Nombre de personnes retournées à domicile", "Nombre cumulé de personnes décédées", "Nombre cumulé de personnes retournées à domicile", "Taux d'incidence", "Taux de positivité", "R", "Taux d'occupation" ]); } if (select_affichage == 'En ‱ de la population') { return (text = [ "Nombre de personnes décédées en ‱ de la population", "Nombre de personnes actuellement en réanimation ou en soins intensifs en ‱ de la population", "Nombre de personnes actuellement hospitalisées en ‱ de la population", "Nombre de personnes retournées à domicile en ‱ de la population", "Nombre cumulé de personnes décédées en ‱", "Nombre cumulé de personnes retournées à domicile en ‱", "Taux d'incidence", "Taux de positivité", "R", "Taux d'occupation" ]); } return text; }37:T949,getText = d => { let text; switch (selectedEncoding) { case 'deces': { select_affichage == 'En nombre' ? (text = `${texte[0] + " : " + d3.format('.0f')(d.value)}\n`) : (text = `${texte[0] + " : " + d3.format('.2f')(d.value)}\n`); break; } case 'rea_soins_intensifs': { select_affichage == 'En nombre' ? (text = `${texte[1] + " : " + d3.format('.0f')(d.value)}\n`) : (text = `${texte[1] + " : " + d3.format('.2f')(d.value)}\n`); break; } case 'hospitalises': { select_affichage == 'En nombre' ? (text = `${texte[2] + " : " + d3.format('.0f')(d.value)}\n`) : (text = `${texte[2] + " : " + d3.format('.2f')(d.value)}\n`); break; } case 'retour_domicile': { select_affichage == 'En nombre' ? (text = `${texte[3] + " : " + d3.format('.0f')(d.value)}\n`) : (text = `${texte[3] + " : " + d3.format('.2f')(d.value)}\n`); break; } case 'deces_cumul': { select_affichage == 'En nombre' ? (text = `${texte[4] + " : " + d3.format('.0f')(d.value)}\n`) : (text = `${texte[4] + " : " + d3.format('.2f')(d.value)}\n`); break; } case 'retour_domicile_cumul': { select_affichage == 'En nombre' ? (text = `${texte[5] + " : " + d3.format('.0f')(d.value)}\n`) : (text = `${texte[5] + " : " + d3.format('.2f')(d.value)}\n`); break; } case 'tx_incid': { select_affichage == 'En nombre' ? (text = `${texte[6] + " : " + d3.format('.0f')(d.value)}\n`) : (text = `${texte[6] + " : " + d3.format('.0f')(d.value)}\n`); break; } case 'tx_pos': { select_affichage == 'En nombre' ? (text = `${texte[7] + " : " + d3.format('.0f')(d.value)}\n`) : (text = `${texte[7] + " : " + d3.format('.0f')(d.value)}\n`); break; } case 'R': { select_affichage == 'En nombre' ? (text = `${texte[8] + " : " + d3.format('.2f')(d.value)}\n`) : (text = `${texte[8] + " : " + d3.format('.2f')(d.value)}\n`); break; } case 'tx_occupation_sae': { text = `${d3.format('.0f')(d.value) + "% : " + texte[9]}\n`; break; } default: text = `${d.value}`; break; } return `${d3.timeFormat("%e %b %y")( d.key )}\n${text}Département - ${get_dep_name(d.nom_dept)} `; }38:T45f,function checkVar(variable) { if (variable == "deces") return Math.round(d3.max(data_hosp_ratio.map(d => d.indic_dc).flat())); if (variable == "hospitalises") return Math.round(d3.max(data_hosp_ratio.map(d => d.hosp).flat())); if (variable == "rea_soins_intensifs") return Math.round(d3.max(data_hosp_ratio.map(d => d.rea).flat())); if (variable == "retour_domicile") return Math.round(d3.max(data_hosp_ratio.map(d => d.indic_rad).flat())); if (variable == "retour_domicile_cumul") return Math.round(d3.max(data_hosp_ratio.map(d => d.rad).flat())); if (variable == "deces_cumul") return Math.round(d3.max(data_hosp_ratio.map(d => d.dc).flat())); if (variable == "tx_incid") return Math.round(d3.max(data_hosp_ratio.map(d => d.tx_incid).flat())); if (variable == "tx_pos") return Math.round(d3.max(data_hosp_ratio.map(d => d.tx_pos).flat())); if (variable == "tx_occupation_sae") return Math.round( d3.max(data_hosp_ratio.map(d => d.tx_occupation_sae).flat()) ); if (variable == "R") return Math.round(d3.max(data_hosp_ratio.map(d => d.R).flat())); }39:T15a3,md`Santé Publique France fournit de nombreuses données sur l'épidémie de COVID 19. Ces données sont accessibles via Géodes qui est l’observatoire cartographique des indicateurs épidémiologiques produits par Santé publique France (https://geodes.santepubliquefrance.fr/index.php#c=indicator&f=0&i=covid_hospit.dc&s=2020-03-18&t=a01&view=map2). Elles sont mises à jour regulièrement et pour certaines quotidiennement. Le site open data gouv publie quotidiennement (19:00h) une partie de ces données sous la forme de jeux de données aggrégées #### Données hospitalières relatives à l'épidémie de COVID-19 : https://www.data.gouv.fr/fr/datasets/donnees-hospitalieres-relatives-a-lepidemie-de-covid-19/#_ Parmi les quatre fichiers proposés ; les données hospitalières relatives à l'épidémie du COVID-19 ("donnees-hospitalieres-covid19-2020-xx-xx-19h00.csv").Le nom du fichier intègre la date de publication des données Meta données associées | Colonne | Type | Description $FR$ | exemple | |---------|-----------------|--------------------------------------------------------------------|-----------------------------------------| | dep | integer | Département | 1 | | sexe | integer | sexe | 0=femmes \+ hommes, 1=hommes, 2=femmes | | jour | string$$date$ | Date de notification | 18/03/2020 | | hosp | integer | Nombre de personnes actuellement hospitalisées | | | rea | integer | Nombre de personnes actuellement en réanimation ou soins intensifs | | | rad | integer | Nombre cumulé de personnes retournées à domicile | | | dc | integer | Nombre cumulé de personnes décédées à l'hôpital | | --- #### Données hospitalières relatives à l'épidémie de COVID-19 NOUVEAU : https://www.data.gouv.fr/fr/datasets/donnees-hospitalieres-relatives-a-lepidemie-de-covid-19/#_ Le site open data gouv publie une nouvelle serie on constate des écarts avec le fichier précédent. les valeurs données par l'explorateur du gouv. Il n'y pas d'explication sur l'ajout de ce jeu de données "new" et sur les différence entre les 2 jeux de données | Colonne | Type | Description\_FR | Description\_EN | Exemple | |-------------|-----------------|----------------------------------------------------------|------------------------------------------------|------------| | dep | integer | Département | Department | 1 | | jour | string$$date$ | Date de notification | Date of notice | 19/03/2020 | | incid\_hosp | string | Nombre quotidien de personnes nouvellement hospitalisées | Daily number of newly hospitalized persons | 1 | | incid\_rea | integer | Nombre quotidien de nouvelles admissions en réanimation | Daily number of new intensive care admissions | 1 | | incid\_dc | integer | Nombre quotidien de personnes nouvellement décédées | Daily number of newly deceased persons | 1 | | incid\_rad | integer | Nombre quotidien de nouveaux retours à domicile | Daily number of new home returns | 2 | --- #### Indicateurs de suivi de l’épidémie de COVID-19 https://www.data.gouv.fr/fr/datasets/indicateurs-de-suivi-de-lepidemie-de-covid-19/#_ indicateurs-covid19-dep.csv 1. Activité épidémique (taux d'incidence) 2. Taux de positivité des tests virologiques 3. Facteur de reproduction du virus (évolution du R0) 4. Tension hospitalière sur la capacité en réanimation Trois niveaux ont été fixés pour l'ndicateur "taux d'incidence" : - Vert : en dessous de 10 personnes testées positives sur 100.000 personnes testées, sur une semaine glissante; - Orange : au-delà de 10 personnes testées positives sur 100.000 personnes testées, sur une semaine glissante; - rouge : au-delà de 50 personnes testées positives sur 100.000 personnes testées, sur une semaine glissante. Trois niveaux ont été fixés pour l'ndicateur "taux de positivité" : - vert : taux de positivité entre 0 et 5%; - orange : taux de positivité entre 5 et 10%; - rouge : taux de positivité supérieur à 10%. Trois niveaux ont été fixés pour l'ndicateur "taux d'occupation" (tension hospitalière sur la capacité en réanimation): - Vert : taux d’occupation compris entre 0 et 30% ; - Orange : taux d’occupation compris entre 30 et 60% ; - Rouge : taux d'occupation supérieur à 60%. Trois niveaux ont été fixés pour l'ndicateur "R" : - Vert : R0 entre 0 et 1; - Orange : R0 entre 1 et 1,5; - Rouge : R0 supérieur à 1,5. #### Les services du gouvernement ont crée un explorateur des données COVID 19 https://www.gouvernement.fr/info-coronavirus/carte-et-donnees `3a:[{"id":"41417c355398fc6d1e063193fd914c1cfa1e3e1abd07d1fd1492be45eb4037ea5b034b7cdddf2b4c1e1b66cf0c6a9ca556a5ec272c5b60e67662c6b53e17dffe","href":"https://static.observableusercontent.com/files/41417c355398fc6d1e063193fd914c1cfa1e3e1abd07d1fd1492be45eb4037ea5b034b7cdddf2b4c1e1b66cf0c6a9ca556a5ec272c5b60e67662c6b53e17dffe","name":"covid-hospit-2023-03-31-18h01(1).csv","type":"text/csv","lastModified":1774112987560.287,"size":14291868}] 2f:{"id":"f84bc5d03fd4e684","slug":"covidoscope","title":" CovidOscope","thumbnail":"7ccc1887ab98201e921a06bbac03db730805aaa935d7470aa995472c56243196","access_level":"public","create_time":"$D2026-03-21T15:45:40.804Z","update_time":"$D2026-03-22T13:42:41.513Z","view_time":null,"first_public_time":"$D2026-03-22T11:46:12.852Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":"starter_2024"},"version":29385,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null}],"members":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null,"role":"editor"},{"type":"team","id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"635978eee692106d","slug":"projets","title":"1- Projets","owner":{"id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer"}},"type":"notebook","body":{"title":" CovidOscope","cells":[{"id":0,"value":"paragraph1 = md`\n# CovidOscope\n### Version 2026\n\n#### Suivi des indicateurs de la pandémie de la COVID-19 en France\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6543,"value":"viewof select_affichage = Inputs.radio([\"En nombre\", \"En ‱ de la population\"], {\n label: \"Type d'affichage :\",\n value: \"En nombre\",\n width: 500 // Gives plenty of room for the long second option\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":18696,"value":"viewof select_week_day = Inputs.radio(\n [\n { label: \"Historique complet\", value: \"oui\" },\n { label: \"Dernier mois uniquement\", value: \"non\" }\n ],\n {\n label: \"Période d'affichage\",\n //label: html`Période d'affichage :`,\n format: (d) => d.label, // Shows the text \"Historique complet\"\n key: (d) => d.value, // Returns \"oui\" or \"non\" to the variable\n value: \"oui\",\n width: 500\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":417,"value":"viewof selectedRamp = Inputs.select(colorRamps.flat(), {\n label: \"Réglages :\",\n value: \"RdPu\",\n width: 300,\n // This makes sure the labels are readable (e.g., \"RdPu\" or \"Viridis\")\n format: (d) => d\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":376,"value":"ramp(selectedRamp)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":936,"value":"viewof bgColor = Inputs.color({\n label: \"Couleur de fond :\",\n value: \"#000000\",\n width: 300 // Keeps it aligned with your other inputs\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":953,"value":"viewof textColor = Inputs.color({\n label: \"Couleur du texte :\",\n value: \"#333333\",\n width: 300\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"graph_svg = DOM.download(\n await serialize(chart),\n 'chart_' + selectedEncoding + '_' + select_affichage + '.svg',\n 'Download as svg'\n)\n//graph_svg = DOM.download(() => serialize(chart), 'chart.svg', \"Download as svg\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6305,"value":"graph_png = DOM.download(\n await rasterize(chart),\n 'chart_' + selectedEncoding + '_' + select_affichage + '.svg',\n \"Download as PNG\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":472,"value":"viewof selectedEncoding = Inputs.select(\n new Map([\n [\"Nombre de décès\", \"deces\"],\n [\"Nombre Réanimation Soins intensifs\", \"rea_soins_intensifs\"],\n [\"Nombre d'hospitalisés\", \"hospitalises\"],\n [\"Nombre de retours à domicile\", \"retour_domicile\"],\n [\"Nombre de retours à domicile cumulé\", \"retour_domicile_cumul\"],\n [\"Nombre de décès cumulés\", \"deces_cumul\"],\n [\"Taux d'incidence\", \"tx_incid\"],\n [\"Taux de positivité\", \"tx_pos\"],\n [\"Taux d'occupation\", \"tx_occupation_sae\"],\n [\"R (Taux de reproduction)\", \"R\"]\n ]),\n {\n value: \"hospitalises\",\n label: \"Indicateur pour la carte :\",\n width: 450 // Increased to ensure the text fits without truncation\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4839,"value":"viewof select_jour = Inputs.select(jour_list, {\n label: \"Date de fin d'exploration :\",\n value: jour_list[jour_list.length - 1],\n width: 300,\n // This changes what the user SEES, but 'select_jour' stays as the original string\n format: (d) => {\n const date = new Date(d);\n return date.toLocaleDateString(\"fr-FR\", {\n day: \"numeric\",\n month: \"long\",\n year: \"numeric\"\n });\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1472,"value":"viewof select_scale = Inputs.radio(\n [\"Auto\", 2, 20, 50, 100, 200, 500, 1000, 2500, 5000, 10000],\n {\n label: \"Modifier l'échelle :\",\n value: \"Auto\",\n // This forces the number to a string without any formatting (no commas or spaces)\n format: (d) => (d === \"Auto\" ? d : String(d))\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6324,"value":"csvBtn = bouton(raw_data_hosp_ratio, 'data_covid_' + select_jour + '.csv')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28969,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29212,"value":"viewof selectedEncoding_new = Inputs.select(\n new Map([\n [\"Nombre quotidien de personnes nouvellement décédées\", \"deces\"],\n [\n \"Nombre quotidien de nouvelles admissions en réanimation\",\n \"rea_soins_intensifs\"\n ],\n [\n \"Nombre quotidien de personnes nouvellement hospitalisées\",\n \"hospitalises\"\n ],\n [\"Nombre quotidien de nouveaux retours à domicile\", \"retour_domicile\"]\n ]),\n {\n value: \"hospitalises\",\n label: \"Indicateur :\",\n width: 500 // Increase this value until the text fits\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29306,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29309,"value":"raw_data_hosp_new_sum","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29198,"value":"viewof bandwidth = Inputs.range([0.01, 0.1], {\n label: \"Bandwidth (reglage régression locale ou LOESS)\",\n step: 0.01,\n value: 0.13\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9249,"value":"md`### Synthèse en chiffre `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6056,"value":"text_france = html`${dateFr(\n deltaDate(filter_jour, 0, 1, 0)\n)} \$semaine du ${dateFr(years[years.length - 1])} en cours\$
\nTotal France (données hospitalières)
\n• ${texte[0] + \" : \"} ${total.dc}
\n• ${texte[1] + \" : \"} ${total.rea}
\n• ${texte[2] + \" : \"} ${total.hosp}
\n• ${texte[3] + \" : \"} ${total.rad}
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28963,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29235,"value":"viewof select_dep = Inputs.select(\n new Map(\n mosaique.map((d) => [`${+d.INSEE_DEP} - ${d.NOM_DEP}`, +d.INSEE_DEP])\n ),\n {\n value: 31, // Now you can just use the number/ID\n label: \"Choisissez un département :\",\n width: 400\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29241,"value":"viewof table1 = Inputs.table(\n data_hosp_ratio.filter((d) => +d.dep === select_dep)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29266,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6156,"value":"text_dep = html`\nTotal département ${select_dep}
\n• ${texte[0] + \" : \"} ${total_dep.dc}
\n• ${texte[1] + \" : \"} ${total_dep.rea}
\n• ${texte[2] + \" : \"} ${total_dep.hosp}
\n• ${texte[3] + \" : \"} ${total_dep.rad}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6100,"value":"text_size = [\"4px\", \"5px\", \"6px\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6094,"value":"text_color = [\"blue\", \"grey\", \"111111\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28880,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3644,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8519,"value":"md`### dataset_1 : covid-hospit-2023-03-31-18h01.csv\n##### https://www.data.gouv.fr/datasets/donnees-hospitalieres-relatives-a-lepidemie-de-covid-19\n##### https://www.data.gouv.fr/api/1/datasets/r/63352e38-d353-4b54-bfd1-f1b3ee1cabd7\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28701,"value":"raw_data_hosp_todo = FileAttachment(\"covid-hospit-2023-03-31-18h01(1).csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28749,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3671,"value":"raw_data_hosp_ = d3.dsv(\n \";\",\n \"https://www.data.gouv.fr/api/1/datasets/r/63352e38-d353-4b54-bfd1-f1b3ee1cabd7\",\n (d) => {\n const r = {\n id: d.dep + d.jour + d.sexe,\n dep: +d.dep < 10 ? (+d.dep).toString() : d.dep,\n sexe: d.sexe,\n jour: parseSafe(d.jour),\n jour_fr: dateFr(parseSafe(d.jour)),\n hosp: +d.hosp,\n rea: +d.rea,\n rad: +d.rad,\n dc: +d.dc\n };\n return r;\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28811,"value":"md`### dataset_2 : covid-hospit-incid-2023-03-31-18h01.csv\n##### https://www.data.gouv.fr/datasets/donnees-hospitalieres-relatives-a-lepidemie-de-covid-19\n##### https://www.data.gouv.fr/api/1/datasets/r/6fadff46-9efd-4c53-942a-54aca783c30c\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8531,"value":"raw_data_hosp_new = d3.dsv(\n \";\",\n \"https://www.data.gouv.fr/api/1/datasets/r/6fadff46-9efd-4c53-942a-54aca783c30c\",\n (d) => {\n const parseDate = d3.utcParse(\"%Y-%m-%d\");\n const r = {\n id: d.dep + d.jour + \"0\",\n dep: +d.dep < 10 ? (+d.dep).toString() : d.dep,\n jour: parseDate(d.jour),\n jour_fr: dateFr(parseDate(d.jour)),\n indic_hosp: +d.incid_hosp,\n indic_rea: +d.incid_rea,\n indic_rad: +d.incid_rad,\n indic_dc: +d.incid_dc\n };\n return r;\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28819,"value":"md`### dataset_3 : table-indicateurs-open-data-dep-serie.csv\n##### https://\n##### https://www.data.gouv.fr/api/1/datasets/r/4acad602-d8b1-4516-bc71-7d5574d5f33e\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9127,"value":"raw_data_epidemie_ = d3.dsv(\n \",\",\n \"https://www.data.gouv.fr/api/1/datasets/r/4acad602-d8b1-4516-bc71-7d5574d5f33e\",\n (d) => {\n const g = {\n id: d.departement + d.extract_date + \"0\",\n dep: +d.departement < 10 ? (+d.departement).toString() : d.departement,\n jour: parseSafe(d.extract_date),\n jour_fr: dateFr(parseSafe(d.extract_date)),\n tx_incid: +d3.format(\".0f\")(d.tx_incid),\n R: +d3.format(\".1f\")(d.R),\n tx_occupation_sae: +d3.format(\".0f\")(d.taux_occupation_sae),\n tx_pos: +d3.format(\".0f\")(d.tx_pos)\n };\n return g;\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28828,"value":"md`### dataset_4 : coordonnées mosaique\n##### https://github.com/ToulouseDataViz/COVID-19\n##### https://raw.githubusercontent.com/ToulouseDataViz/COVID-19/master/data/raw_mosaique.csv\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20166,"value":"/*raw_mosaique = FileAttachment(\"raw_mosaique@1.csv\").csv() // si notebook published\n */\nraw_mosaique = d3.csv(\n \"https://raw.githubusercontent.com/ToulouseDataViz/COVID-19/master/data/raw_mosaique.csv\",\n d3.autoType\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1467,"value":"mosaique =raw_mosaique //.filter(d => d.INSEE_DEP !=\"96\" & d.INSEE_DEP !=\"97\" & d.INSEE_DEP !=\"98\" & d.INSEE_DEP !=\"99\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16040,"value":"md`### Regroupement dataset_1 par week et reformatage`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16003,"value":"raw_data_hosp_byWeek = Array.from(\n d3.rollup(\n raw_data_hosp_.filter((d) => d.sexe == 0),\n (v) => ({\n hosp: d3.max(v, (d) => d.hosp),\n rea: d3.max(v, (d) => d.rea),\n dc: d3.max(v, (d) => d.dc),\n rad: d3.max(v, (d) => d.rad)\n }),\n (d) => d3.timeFormat(\"%Y-%m-%d\")(d3.timeWeek(d.jour)),\n (d) => d.dep\n ),\n ([key, value]) => ({\n key,\n values: Array.from(value, ([key, value]) => ({ key, value }))\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16060,"value":"raw_data_hosp_byWeek_temp = {\n const parseDate = d3.utcParse('%Y-%m-%d');\n let temp_data = [];\n for (let i = 0; i < raw_data_hosp_byWeek.length; i++) {\n for (let j = 0; j < raw_data_hosp_byWeek[i].values.length; j++) {\n temp_data.push({\n id:\n raw_data_hosp_byWeek[i].values[j].key +\n raw_data_hosp_byWeek[i].key +\n \"0\",\n jour: parseDate(raw_data_hosp_byWeek[i].key),\n jour_fr: dateFr(parseDate(raw_data_hosp_byWeek[i].key)),\n dep: raw_data_hosp_byWeek[i].values[j].key,\n hosp: raw_data_hosp_byWeek[i].values[j].value.hosp,\n rea: raw_data_hosp_byWeek[i].values[j].value.rea,\n dc: raw_data_hosp_byWeek[i].values[j].value.dc,\n rad: raw_data_hosp_byWeek[i].values[j].value.rad\n });\n }\n }\n return temp_data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28838,"value":"md`### Regroupement dataset_2 par week et reformatage`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16038,"value":"raw_data_hosp_new_byWeek = Array.from(\n d3.rollup(\n raw_data_hosp_new,\n (v) => ({\n indic_hosp: d3.max(v, (d) => d.indic_hosp),\n indic_rea: d3.max(v, (d) => d.indic_rea),\n indic_dc: d3.max(v, (d) => d.indic_dc),\n indic_rad: d3.max(v, (d) => d.indic_rad)\n }),\n (d) => d3.timeFormat(\"%Y-%m-%d\")(d3.timeWeek(d.jour)),\n (d) => d.dep\n ),\n ([key, value]) => ({\n key,\n values: Array.from(value, ([key, value]) => ({ key, value }))\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16174,"value":"raw_data_hosp_new_byWeek_temp = {\n const parseDate = d3.utcParse('%Y-%m-%d');\n let temp_data = [];\n for (let i = 0; i < raw_data_hosp_new_byWeek.length; i++) {\n for (let j = 0; j < raw_data_hosp_new_byWeek[i].values.length; j++) {\n temp_data.push({\n id:\n raw_data_hosp_new_byWeek[i].values[j].key +\n raw_data_hosp_new_byWeek[i].key +\n \"0\",\n jour: parseDate(raw_data_hosp_new_byWeek[i].key),\n jour_fr: dateFr(parseDate(raw_data_hosp_new_byWeek[i].key)),\n dep: raw_data_hosp_new_byWeek[i].values[j].key,\n indic_hosp: raw_data_hosp_new_byWeek[i].values[j].value.indic_hosp,\n indic_rea: raw_data_hosp_new_byWeek[i].values[j].value.indic_rea,\n indic_dc: raw_data_hosp_new_byWeek[i].values[j].value.indic_dc,\n indic_rad: raw_data_hosp_new_byWeek[i].values[j].value.indic_rad\n });\n }\n }\n return temp_data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28841,"value":"md`### Regroupement dataset_3 par week et reformatage`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16206,"value":"raw_data_epidemie_byWeek = Array.from(\n d3.rollup(\n raw_data_epidemie_,\n (v) => ({\n tx_incid: d3.max(v, (d) => d.tx_incid),\n tx_occupation_sae: d3.max(v, (d) => d.tx_occupation_sae),\n tx_pos: d3.max(v, (d) => d.tx_pos),\n R: d3.max(v, (d) => d.R)\n }),\n (d) => d3.timeFormat(\"%Y-%m-%d\")(d3.timeWeek(d.jour)),\n (d) => d.dep\n ),\n ([key, value]) => ({\n key,\n values: Array.from(value, ([key, value]) => ({ key, value }))\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16221,"value":"raw_data_epidémie_byWeek_temp = {\n const parseDate = d3.utcParse(\"%Y-%m-%d\");\n let temp_data = [];\n for (let i = 0; i < raw_data_epidemie_byWeek.length; i++) {\n for (let j = 0; j < raw_data_epidemie_byWeek[i].values.length; j++) {\n temp_data.push({\n id:\n raw_data_epidemie_byWeek[i].values[j].key +\n raw_data_epidemie_byWeek[i].key +\n \"0\",\n jour: parseDate(raw_data_epidemie_byWeek[i].key),\n jour_fr: dateFr(parseDate(raw_data_epidemie_byWeek[i].key)),\n dep: raw_data_epidemie_byWeek[i].values[j].key,\n tx_incid: raw_data_epidemie_byWeek[i].values[j].value.tx_incid,\n tx_occupation_sae:\n raw_data_epidemie_byWeek[i].values[j].value.tx_occupation_sae,\n tx_pos: raw_data_epidemie_byWeek[i].values[j].value.tx_pos,\n R: raw_data_epidemie_byWeek[i].values[j].value.R\n });\n }\n }\n return temp_data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28870,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16532,"value":"md`### Data merge`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16569,"value":"md`##### Recherche du jour correspondant à la date d'aujourd'hui moins un mois`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":19145,"value":"function deltaDate(input, days, months, years) {\n return new Date(\n input.getFullYear() + years,\n input.getMonth() + months,\n Math.min(\n input.getDate() + days,\n new Date(\n input.getFullYear() + years,\n input.getMonth() + months + 1,\n 0\n ).getDate()\n )\n );\n }\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14702,"value":"filter_jour = {\n var filter_jour = raw_data_hosp_new[raw_data_hosp_new.length - 1].jour;\n return deltaDate(filter_jour, 0, -1, 0);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16499,"value":"md`#### Merge des dataset_1 et dataset_2 par jour sur le dernier mois \n\n###### Les données sexe =1 (H) et sexe =2(F) ne sont pas mergées car elles n'existe pas pour le jeu de données hospital_new`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14257,"value":"data_merge_ = merge_raw_data(\n raw_data_hosp_new.filter(d => d.jour >= filter_jour),\n raw_data_hosp_.filter(d => d.jour >= filter_jour)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14618,"value":"data_merge = merge_raw_data(\n data_merge_,\n raw_data_epidemie_.filter(d => d.jour >= filter_jour)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28891,"value":"md`#### Merge des dataset_1 et dataset_2 par week sur le dernier mois`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16176,"value":"data_merge_byWeek_ = merge_raw_data(\n raw_data_hosp_byWeek_temp,\n raw_data_hosp_new_byWeek_temp\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16219,"value":"data_merge_byWeek = merge_raw_data(data_merge_byWeek_, raw_data_epidémie_byWeek_temp)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28900,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14269,"value":"md`### Ajout ratio population sur le merge des dataset 1 et 2`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9230,"value":"md`#### Calcul du ratio : taux pour 10 000 habitant`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6644,"value":"ratio = {return mosaique.map(d=> {\n return {\n dep : (d.INSEE_DEP).toString(),\n ratio : d3.format(\".2f\")(d.POP_2018*1e-4)}})}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28909,"value":"md`#### Merge `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6920,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23213,"value":"md`#### Filtrage sexe et jour`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2879,"value":"data_hosp_ratio = raw_data_hosp_ratio.filter(d => d.sexe == sexe && d.jour <= select_jour_dateFormat)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28918,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5066,"value":"md`### Dataset pour la carte interactive'`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28927,"value":"md`##### regroupement par département`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2869,"value":"nesting = Array.from(\n d3.group(data_hosp_ratio, (d) => d.dep),\n ([key, values]) => ({ key, values })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2874,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":264,"value":"cartogram_data = mosaique.map(obj => Object.assign({}, obj, {\n data: data_hosp.find(d => d.key === obj.INSEE_DEP.toString()),\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28934,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14786,"value":"md`### Dataset synthèse `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28984,"value":"md`##### indicateurs pour la France entière à la date choisie`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2472,"value":"data_total = data_hosp_ratio.filter (d =>d.jour >= years[years.length-1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7113,"value":"total_pop_fr = d3.sum(data_total.map(d=>d.ratio))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2527,"value":"total = ({\n dc : select_affichage =='En nombre' ? d3.sum(data_total.map(d=>d.dc)) : d3.format(\".2f\")(d3.sum(data_total.map(d=>d.dc*d.ratio))/total_pop_fr),\n rea : select_affichage =='En nombre' ? d3.sum(data_total.map(d=>d.rea)) : (d3.format(\".2f\"))(d3.sum(data_total.map(d=>d.rea*d.ratio))/total_pop_fr),\n hosp : select_affichage =='En nombre' ? d3.sum(data_total.map(d=>d.hosp)) : (d3.format(\".2f\"))(d3.sum(data_total.map(d=>d.hosp*d.ratio))/total_pop_fr),\n rad : select_affichage =='En nombre' ? d3.sum(data_total.map(d=>d.rad)) :(d3.format(\".2f\")) (d3.sum(data_total.map(d=>d.rad*d.ratio))/total_pop_fr),\n })\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29002,"value":"md`##### indicateurs pour le département choisi à la date choisie`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4780,"value":"total_dep_filter = data_hosp_ratio.filter(d => {\n return d.dep == +select_dep_nb;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4800,"value":"total_dep = ({\n dc : total_dep_filter.find(d=> d.jour >= years[years.length-1]).dc,\n hosp : total_dep_filter.find(d=> d.jour >= years[years.length-1]).hosp,\n rea : total_dep_filter.find(d=> d.jour >= years[years.length-1]).rea,\n rad : total_dep_filter.find(d=> d.jour >= years[years.length-1]).rad,\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8543,"value":"raw_data_hosp_new_sum = Array.from(\n d3.rollup(\n raw_data_hosp_new, // .filter(d => d.jour >= filter_jour)\n (v) => ({\n indic_dc: d3.sum(v, (d) => d.indic_dc),\n indic_rea: d3.sum(v, (d) => d.indic_rea),\n indic_hosp: d3.sum(v, (d) => d.indic_hosp),\n indic_rad: d3.sum(v, (d) => d.indic_rad)\n }),\n (d) => d.jour\n ),\n ([key, value]) => ({ key, value })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29010,"value":"md`##### dataset pour le tracé de la courbe de Loess`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10777,"value":"raw_data_hosp_new_sum_loess = {return raw_data_hosp_new_sum.map(d=> {\n return {\n x : d.key,\n y : d.value[indic_type(selectedEncoding_new)] }})} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29027,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23174,"value":"md`### Data pour selections diverses `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2886,"value":"sexe = 0 // H+F\n// Selecteur choix sexe supprimer depuis l'integration des données indicateurs nouveaux qui ne font pas le distingo. ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9564,"value":"md`##### Mise en forme du numéro de département sélectionné`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4826,"value":"select_dep_nb = {\n const s = String(select_dep); // Convert to string first so .slice works\n\n // Now your original logic works without the TypeError\n if (s.includes(\"A\") || s.includes(\"B\")) return s.slice(0, 2);\n if (Number(s.slice(0, 2)) < 96) return s.slice(0, 2);\n if (Number(s.slice(0, 3)) >= 900) return s.slice(0, 3);\n\n return s;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23180,"value":"md`##### Liste des jours pour sélectionner la semaine associée`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29031,"value":"jour_list = [...new Set(raw_data_hosp_ratio.map((c) => c.jour_fr))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20280,"value":"md`##### Liste des semaines sélectionnées`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29044,"value":"Mapweek = new Map(raw_data_hosp_ratio.map(c => [format(c.jour), c]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29039,"value":"week_list = Array.from(Mapweek.keys()).map((d) => d3.timeFormat(\"%V\")(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9575,"value":"md`##### Mise au format de la date sélectionnée`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5123,"value":" select_jour_dateFormat = raw_data_hosp_ratio.find(d=> d.jour_fr == select_jour).jour","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":15458,"value":"md`##### Détermination de la date de la dernière publication du taux d'incidence`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16618,"value":"data_epidemie = raw_data_epidemie_\n .filter(d => d.tx_incid != \"NA\")\n .sort((a, b) => a.jour - b.jour)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":13094,"value":"last_date_w_tx_value = data_epidemie\n .reverse()\n .filter(d => d.tx_incid != '')\n .find(d => d.jour).jour","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3619,"value":"years = data_hosp_ratio\n .map(d => d.jour)\n .filter(\n (jour, i, self) => self.findIndex(d => d.getTime() === jour.getTime()) === i\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5407,"value":"md`##### Calcul des dates min et max `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1514,"value":"minmaxValues = {\n if (select_week_day != 'non') {\n var temp = {\n date_min: d3.min(years),\n date_max: new Date(d3.max(years).getTime() + 86400000 * 7)\n };\n return temp;\n } else {\n var temp = {\n date_min: d3.min(years),\n date_max: new Date(d3.max(years).getTime() + 86400000)\n };\n return temp;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3494,"value":"maxValues = ({\n y: select_scale=='Auto' ? checkVar(selectedEncoding) : select_scale})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29074,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29057,"value":"md`### Fonctions diverses `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16487,"value":"md`##### Normalisation des différents format de dates dans le jeu de données initial`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9123,"value":"parseDateMinus = d3.utcParse('%Y-%m-%d')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9121,"value":"parseDateSlash = d3.utcParse('%d/%m/%Y')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9119,"value":"parseSafe = d => {\n let rv = parseDateMinus(d);\n if (rv) return rv;\n return parseDateSlash(d);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3539,"value":"parseDate = d3.utcParse(\"%d/%m/%Y\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4901,"value":"function dateFr(date){ \n var jours = new Array(\"dim\", \"lun\", \"mar\", \"mer\", \"jeu\", \"ven\", \"sam\");\n var mois = new Array(\"jan\", \"fev\", \"mars\", \"avr\", \"mai\", \"juin\", \"juil\", \"aout\", \"sep\", \"oct\", \"nov\", \"dec\");\n //var message = jours[date.getDay()] + \" \"; // nom du jour\n var message = date.getDate() + \" \"; // numero du jour\n message += mois[date.getMonth()] + \" \"; // mois\n message += date.getFullYear();\n return message;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2009,"value":"format = d3.format(\".0f\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2463,"value":"formatDateTitle =d3.timeFormat(\"%e %B %Y\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16483,"value":"md`##### Merge de données par ID`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14254,"value":"merge_raw_data = (a1, a2) =>\n a1.map(itm => ({\n ...a2.find(item => item.id === itm.id), //&& item),\n ...itm\n }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16491,"value":"md`##### Merge de données par département`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6665,"value":"merge = (a1,a2) =>\n a1.map(itm => ({\n ...a2.find((item) => item.dep === itm.dep),\n ...itm\n }));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17342,"value":"md`##### Fonctions d'affectation des couleurs en fonction des seuils `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25995,"value":"line_color = d3\n .scaleOrdinal()\n .domain([\"R\", \"tx_incid\", \"tx_pos\", \"tx_occupation_sae\"])\n .range([\"#ffffcc\", \"#ffccff\", \"#ccffff\", \"#ffcfcf\"])\n .unknown(\"white\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17319,"value":"dep_color_R = d3\n .scaleThreshold()\n .domain([1, 1.5])\n .range([\"green\", \"orange\", \"red\"])\n .unknown(\"white\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17313,"value":"dep_color_tx_occupation_sae = d3\n .scaleThreshold()\n .domain([10, 50])\n .range([\"green\", \"orange\", \"red\"])\n .unknown(\"white\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17317,"value":"dep_color_tx_pos = d3\n .scaleThreshold()\n .domain([5, 10])\n .range([\"green\", \"orange\", \"red\"])\n .unknown(\"white\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10234,"value":"dep_color_tx_indic = d3\n .scaleThreshold()\n .domain([30, 60])\n .range([\"green\", \"orange\", \"red\"])\n .unknown(\"white\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29077,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":55,"value":"md`## Configuration `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":24795,"value":"md`##### Traduction et mise en forme des textes pour la carte interactive`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9040,"value":"// Traduction des indicateurs dans une forme plus compréhensible \nindic_type = d3.scaleOrdinal().domain(['Nombre quotidien de personnes nouvellement décédées','Nombre quotidien de nouvelles admissions en réanimation','Nombre quotidien de personnes nouvellement hospitalisées','Nombre quotidien de nouveaux retours à domicile']).range(['indic_dc','indic_rea', 'indic_hosp', 'indic_rad' ])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9579,"value":"md`##### Texte affichage choix 'En nombre' ou 'En ‱ de la population`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7038,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5422,"value":"dept_text = mosaique.map(d=>d.INSEE_DEP+ \" - \"+d.NOM_DEP)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1034,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5427,"value":"function get_dep_name (number){ \n var nom_dep= mosaique.find(d=> d.INSEE_DEP == number).NOM_DEP\n return nom_dep\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":893,"value":"get_range = ramp => {\n const maxRange = 4\n if (d3[`scheme${ramp}`] === undefined) {\n // this is a sequential, multi-hue value\n // so we'll need to do some minor work\n const sequentialScale = d3.scaleSequential(d3[`interpolate${ramp}`])\n .domain(z.domain())\n \n return [\n 0, \n maxValues[`highest_${selectedEncoding}`] / 2, \n maxValues[`highest_${selectedEncoding}`]\n ].map(d => sequentialScale(d))\n } else {\n // use a scheme!\n return d3[`scheme${ramp}`][maxRange]\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":395,"value":"get_value = (d, key=selectedEncoding) => {\n // return data based on data key\n const { value } = cartogram_data\n .find(v => v.INSEE_DEP == d.nom_dept)\n .data[key]\n .find(v => v.key === d.key)\n return value\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":582,"value":"get_values = key => data_hosp.map(d => d[key].map(d => d.value)).flat()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29133,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1762,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":629,"value":"clusterScale = scaleCluster()\n .domain(get_values(selectedEncoding))\n .range(get_range(selectedRamp))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":419,"value":"colorRamps = [\n ['Blues', 'Greens', 'Greys', 'Oranges', 'Purples', 'Reds'],\n ['BuGn', 'BuPu', 'GnBu', 'OrRd', 'PuBuGn', 'PuBu', 'PuRd', 'RdPu', 'YlGnBu', 'YlGn', 'YlOrBr', 'YlOrRd'],\n ['Viridis', 'Inferno', 'Magma', 'Plasma', 'Warm', 'Cool', 'CubehelixDefault'],\n ['BrBG', 'PRGn', 'PiYG', 'PuOr', 'RdBu', 'RdGy', 'RdYlBu', 'RdYlGn', 'Spectral'],\n ['Rainbow', 'Sinebow']\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1727,"value":"path = d3.geoPath()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":216,"value":"x = d3\n .scaleTime()\n .domain([minmaxValues.date_min, minmaxValues.date_max])\n .range([0, 1.2 * ratioHW * state_size])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":220,"value":"z = d3\n .scaleLinear()\n .domain([0, maxValues.y])\n .range([1.2 * state_size, 0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12815,"value":" axisPosition = (cell, size = state_size, padding = state_padding) => \n (cell * (size + padding)) + size / 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":222,"value":"xAxis = g => g\n .attr('transform', d => `translate(${x_column(d)}, ${y_column(d)+(z(0) - z(maxValues.y))})`)\n .call(d3.axisBottom(x).ticks(12).tickSize(3).tickSizeOuter(0).tickFormat(() => \"\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":235,"value":"x_column = ({column}) => 0.4*column * (state_size + state_padding)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":233,"value":"y_column = ({row}) => 0.4*row * (state_size + state_padding)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"margin = ({ top: 40, right: 20, bottom: 20, left: 20 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1511,"value":"ratioHW = 1.25","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":93,"value":"state_padding = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":91,"value":"state_size = (width/ offset) ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":81,"value":"offset = 25","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6322,"value":"bouton = (data, filename = 'data.csv') => {\n if (!data) throw new Error('Array of data required as first argument');\n\n let downloadData;\n if (filename.includes('.csv')) {\n downloadData = new Blob([d3.csvFormat(data)], { type: \"text/csv\" });\n } else {\n downloadData = new Blob([JSON.stringify(data, null, 2)], {\n type: \"application/json\"\n });\n }\n\n const size = (downloadData.size / 1024).toFixed(0);\n const bouton = DOM.download(\n downloadData,\n filename,\n //`Download ${filename} (~${size} KB)`\n `Download ${filename}`\n );\n return bouton;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29185,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25531,"value":"md`##### Configuration pour le graphique à barres `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25534,"value":"graph_type = {\n var graph = [];\n if (\n (selectedEncoding == 'tx_incid') |\n (selectedEncoding == 'tx_pos') |\n (selectedEncoding == 'tx_occupation_sae') |\n (selectedEncoding == 'R')\n ) {\n graph = 'line';\n } else {\n graph = 'bar';\n }\n return graph;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10742,"value":"loessData = d3\n .regressionLoess()\n .x((d) => new Date(d.key)) // Use your data's date key\n .y((d) => d.value[indic_type(selectedEncoding_new)])\n .bandwidth(bandwidth)(raw_data_hosp_new_sum)\n\n/*regressionGenerator = d3\n .regressionLoess()\n .x(d => new Date(d.x))\n .y(d => d.y)\n .bandwidth(bandwidth)*/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8583,"value":"height = width*0.6","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8599,"value":"// Contenu du tooltip\ngetText_2 = d => {\n return `${d3.timeFormat(\"%e %b %y\")(new Date(d.key))}\\nNombre : + ${d3.format(\n \".0f\"\n )(d.value[indic_type(selectedEncoding_new)])}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8588,"value":"margin_dept = ({top: 100, right: 20, bottom: 100, left: 120})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8572,"value":"xAxis_dept = g => g\n .attr(\"transform\", `translate(0, ${height - margin_dept.bottom})`)\n .call(d3.axisBottom(scale_x_).ticks(10).tickSizeOuter(0).tickFormat(d3.utcFormat(\"%d %b\")))\n //.ticks(d3.utcDay.every(12))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8574,"value":"yAxis_dept = g => g\n .attr(\"transform\", `translate(${margin_dept.left}, 0)`)\n .call(d3.axisLeft(scale_y).ticks(3).tickSizeOuter(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8833,"value":"scale_x_ = d3.scaleTime()\n .domain([new Date (raw_data_hosp_new_sum[0].key), new Date(raw_data_hosp_new_sum[raw_data_hosp_new_sum.length-1].key) ])\n .rangeRound([margin_dept.left, width - margin_dept.right])\n \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8580,"value":"scale_y = d3.scaleLinear()\n .domain([0, d3.max(raw_data_hosp_new_sum.map(d => d.value[indic_type(selectedEncoding_new)]))])\n //.domain([0, 500])\n .range([height - margin_dept.bottom, margin_dept.top])\n .nice();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29192,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29188,"value":"md`## Librairies `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":607,"value":"scaleCluster = require('d3-scale-cluster@1.3.1/dist/d3-scale-cluster.min.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"d3 = require(\"d3@5\", \"d3-svg-legend@2\", \"d3-scale-chromatic@1.3.3\", \"d3-regression\", \"d3-array@^2.10\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6317,"value":"import {rasterize, serialize} from \"@mbostock/saving-svg\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":372,"value":"import {ramp} from \"@mbostock/d3-color-schemes\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29368,"value":"md`_____`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29365,"value":"md`## Notes `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9254,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9321,"value":"md`\nExplorateur de données inspiré de https://observablehq.com/@aboutaaron/small-multiple-chart-cartogram`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W3a","stdlib":"1","titling":"auto"}} 30:"$2f:body"