25:["$","title",null,{"children":"Projet : A-t-on vraiment plus chaud? | Jérémy Bon | Observable"}] 49:T11d3,circle = { const years = data2.map(e => e.year); const minYear = Math.min(...years); const maxYear = Math.max(...years); const nbYear = maxYear - minYear + 1; const values = data2.map(e => e.T); const minValue = Math.min(...values); const maxValue = Math.max(...values); const months = [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ]; const angles = d3.range(0, 360, 360 / months.length).map(e => e - 360 / 4); const angleMonths = d3.zip(angles, months); const floorValue = Math.floor(minValue); const capValue = Math.floor(maxValue) + 1; const minDomain = floorValue; const maxDomain = capValue + 0.5; const shift = minDomain; const refCircles = [ { value: 0 - shift, text: '+0°C' }, { value: 1.5 - shift, text: '+1.5°C' }, { value: 2 - shift, text: '+2.0°C' } ]; // console.log(`minValue = ${minValue}, maxValue = ${maxValue}`); // console.log(`floorValue = ${floorValue}, capValue = ${capValue}`); // console.log(`minDomain = ${minDomain}, maxDomain = ${maxDomain}`); // console.log(`shift = ${shift}`); const dataFull = data2.map((d, i) => { return { angle: (i * 2 * Math.PI) / 12, radius: d.T - shift, year: d.year, month: d.month }; }); const width = 900, height = 800, radius = Math.min(width, height) / 2 - 30; const r = d3 .scaleLinear() .domain([minDomain - shift, maxDomain - shift]) .range([0, radius]); const line = d3 .radialLine() .angle(function(d) { return d.angle; }) .radius(function(d) { return r(d.radius); }); const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("display", "block"); const ref = svg .append('g') .attr('transform', 'translate(' + width / 2 + ',' + height / 2 + ')'); const gr = ref .append('g') .attr('class', 'r axis') .selectAll('g') .data(refCircles) .enter() .append('g'); gr.append('circle').attr('r', function(d) { return r(d.value); }); gr.append('text') .attr('y', function(d) { return -r(d.value) - 4; }) .attr('transform', 'rotate(0)') .style('text-anchor', 'middle') .text(function(d) { return d.text; }); const ga = ref .append('g') .attr('class', 'a axis') .selectAll('g') .data(angleMonths) .enter() .append('g') .attr('transform', function(d) { return 'rotate(' + d[0] + ')'; }); ga.append('line').attr('x2', radius); ga.append('text') .attr('x', radius + 6) .attr('dx', '.0em') .attr('dy', '.0em') .attr('transform', function(d) { return d[0] < 180 && d[0] > 0 ? 'rotate(-90 ' + (radius + 6) + ',0)' : 'rotate(90 ' + (radius + 6) + ',0)'; }) .style('text-anchor', 'middle') .style('font-size', 15) .text(function(d) { return d[1]; }); const arrPath = d3.range(nbYear).map(() => ref.append('path')); const dot = ref.append('circle'); const date = ref .append('text') .attr('dy', '.35em') .style('text-anchor', 'middle') .style('font-size', '35px'); const chunkData = function(data) { const dataLocal = data.slice(0); const chunkInit = dataLocal.splice(0, 12); const chunks = [chunkInit]; while (dataLocal.length) { let chunk = dataLocal.splice(0, 12); let lastChunk = chunks[chunks.length - 1]; let lastElt = lastChunk[lastChunk.length - 1]; chunk.unshift(lastElt); chunks.push(chunk); } return chunks; }; const chunkDataPad = function(data, nbArray) { let chunks = chunkData(data); for (let i in d3.range(nbArray - chunks.length)) chunks.push([]); return chunks; }; const updatePlot = function(n) { const data = dataFull.slice(0, +n + 1); const lineEnd = data[data.length - 1]; const point = d3.pointRadial(lineEnd.angle, r(lineEnd.radius)); const chunks = chunkDataPad(data, nbYear); for (const [i, path] of arrPath.entries()) { path .datum(chunks[i]) .attr('class', 'line') .attr('stroke', () => { return d3.rgb(d3.interpolateRdYlBu((nbYear-i) / nbYear)); }) .attr('d', line); } dot .attr('class', 'dot') .attr('cx', point[0]) .attr('cy', point[1]) .attr('r', 5) .attr('fill', 'black'); date.text(lineEnd.year); }; updatePlot(0); return Object.assign(svg.node(), { update: updatePlot }); }4a:T865,{ const svg = d3.select(DOM.svg(width, 40)); yield svg.node(); // Rearrange legend produced by d3-svg-legend to align labels horizontally // next to swatches function rearrangeLegendCells(cells, horizontalGap=10, verticalGap=10, rightMargin=100) { let xPos = 0; let yPos = 0; let chartWidth = width - margin.left - margin.right - rightMargin; cells.forEach((el, i) => { if (i === 0) return; if (xPos < chartWidth) { const lastElWidth = cells[i-1].getBBox().width; xPos = xPos + lastElWidth + horizontalGap; } else { xPos = 0; const lastElHeight = cells[i-1].getBBox().height; yPos = lastElHeight + verticalGap; } el.setAttribute('transform', `translate(${xPos}, ${yPos})`); }); } // Create legend for the Line data const scaleLine = d3.scaleOrdinal() .domain(legendLabels .map(d => d.name) ) .range(legendLabels .map(d => d.color) ); const legendOrdinalLine = d3Legend.legendColor() .shapePadding(10) .labels(legendLabels.map(d => d.label)) .scale(scaleLine); const gLine = svg.append("g").call(legendOrdinalLine); const cellsLine = Array.from(gLine.node().querySelectorAll('.cell')); rearrangeLegendCells(cellsLine); // Create legend for the Area data const scaleArea = d3.scaleOrdinal() .domain(legendLabels .filter(d => d.name !== "livneh") .map(d => d.name) ) .range(legendLabels .filter(d => d.name !== "livneh") .map(d => fills[d.name]) ); // const legendOrdinalArea = d3Legend.legendColor() // .shapePadding(10) //.labels(["Reference", "SSP1-1.9", "SSP1-1.9","SSP2-4.5","SSP3-7.0","SSP3-7.0"]) //.scale(scaleArea); svg.call(fills["Reference"]); svg.call(fills["SSP1-1.9"]); svg.call(fills["SSP1-1.9"]); svg.call(fills["SSP2-4.5"]); svg.call(fills["SSP3-7.0"]); svg.call(fills["SSP3-7.0"]); //const gArea = svg.append("g").attr("transform", "translate(0, 25)").call(legendOrdinalArea); //const cellsArea = Array.from(gArea.node().querySelectorAll('.cell')); // rearrangeLegendCells(cellsArea); }4b:T823,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .style("overflow", "visible"); var filter = svg.append("defs") .append("filter") .attr("id", "constantOpacity"); var feComponentTransfer = filter.append('feComponentTransfer'); feComponentTransfer .append('feFuncA') .attr('type', 'table') .attr('tableValues', '0 .5 .25'); svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); const t = svg.transition() .duration(750); svg.call(fills["Reference"]); svg.call(fills["SSP1-1.9"]); svg.call(fills["SSP1-2.6"]); svg.call(fills["SSP2-4.5"]); svg.call(fills["SSP3-7.0"]); svg.call(fills["SSP5-8.5"]); const lines = svg.append("g") .attr("fill", "none") .attr("stroke-width", 4.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .selectAll("path") .data(line_data) .join( enter => enter.append('path') //.style("mix-blend-mode", "multiply") .attr("d", d => line(d)) .attr("stroke", d => colors(d[0].name)) .call(enter => enter.transition(t) .attr('opacity', 1)), update => update .attr("stroke", d => colors(d[0].name)) .call(update => update.transition(t)), exit => exit .attr("stroke", 'red') .call(exit => exit.transition(t) .attr("opacity", 0) .remove()) ) const areas = svg.append("g") //// .attr("filter", "url(#constantOpacity)") // .selectAll("path") // .data(envelope_data) // .join("path") // .attr("d", d => area(d)) // .attr("fill-opacity", "25%") // .attr("fill", d => {console.log(d[0].name), fills[d[0].name]}) //.attr("fill", c.rcp45.url()) const avg = svg.append('g') .attr("stroke", "black") .selectAll("path") //.data(envelope_data) .join("path") .attr("d", line([[1, 3], [2, 7], [3, 2], [5, 2]])); svg.call(hover, lines, areas); return svg.node(); }4c:T114c, carte= (fond,data)=>{ const dataf=data.filter(d=>d.Year==year) const height = 600; const projection = d3.geoConicConformal() .center([2.454071, 46.279229]) .scale(2800); const max = d3.max(data, function(d) { const values = Object.values(d).slice(1); // On récupère toutes les valeurs de l'objet sauf la première colonne (Year) return d3.max(values, function(v) { return parseFloat(v); }); // On retourne le maximum des valeurs, en les transformant en nombres flottants }); const min = d3.min(data, function(d) { const values = Object.values(d).slice(1); // On récupère toutes les valeurs de l'objet sauf la première colonne (Year) return d3.min(values, function(v) { return parseFloat(v); }); // On retourne le maximum des valeurs, en les transformant en nombres flottants }); var color = d3.scaleSequential() .interpolator(t=>d3.interpolateRdYlBu(1-t)) .domain([min,max]) ; for (var j = 0; j < fond.features.length; j++) { var region = fond.features[j].properties.nom // TODO // find permet d’eviter de faire une boucle sur toutes les donnees fond.features[j].properties.value = dataf[0][region]; } const tooltip = d3.select("body").append("div") .attr("class", "svg-tooltip") .style("position", "absolute") .style("visibility", "hidden") .style("background-color", "#ccc") .style("border-radius", "2px") .style("padding", "0.5em") .text("test"); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const g = svg.append("g"); const path = d3.geoPath().projection(projection); g.selectAll("path") .data(fond.features) .join("path") .attr("d", path) .style("stroke", "white") .style("fill", function (d) { //on prend la valeur recupere plus haut const value = d.properties.value; console.log(d.properties.nom) console.log(value) if (value) { return color(value); } else { // si pas de valeur alors en gris return "#ccc"; } }) .on('mouseover', function(e, d) { tooltip.style("visibility", "visible"); tooltip.text(d.properties.nom + '/ T_mean (°C) : ' + d.properties.value) }) .on('mousemove', function(e, d) { tooltip.style("top", (e.pageY - 10) + "px") .style("left", (e.pageX + 10) + "px"); }) .on('mouseout', function(e, d) { tooltip.style('visibility', 'hidden'); }) .on("click", function(e,d) { //window.open("https://www.google.com/search?q=" + d.properties.nom); mutable Reg= d.properties.nom console.log("ok") }); // création de la légende const legendGroup = g.append("g") .attr("transform", "translate(20, 20)"); // création de la légende const legend = legendGroup.append("svg") .attr("class", "legend") .attr("width", 200) .attr("height", 40); // ajout du dégradé de couleur à la légende legend.append("defs") .append("linearGradient") .attr("id", "gradient") .selectAll("stop") .data(color.ticks().map((t, i, n) => ({ offset: `${(100 * i) / n.length}%`, color: color(t) }))) .enter().append("stop") .attr("offset", d => d.offset) .attr("stop-color", d => d.color) // ajout du rectangle avec le dégradé de couleur legend.append("rect") .attr("width", 200) .attr("height", 20) .style("fill", "url(#gradient)"); // ajout des valeurs min et max de température à la légende legend.append("text") .attr("class", "legend-text") .attr("x", 0) .attr("y", 35) .text(min+"°C"); legend.append("text") .attr("class", "legend-text") .attr("x", 135) .attr("y", 35) .text(max+"°C"); return svg.node(); }4d:Tb2c,stripes= (data)=>{ const temp=data.map(d=>d[Reg]) const domain = d3.extent(temp) const width = 400, height = 100, margin = {top: 20, right: 30, bottom: 30, left: 40}; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const boundedWidth = width -margin.left - margin.right const boundedHeight = height - margin.top -margin.bottom const mean=d3.mean(temp) const colorScale = d3 .scaleDiverging(t=>d3.interpolateRdYlBu(1-t)) .domain([domain[0], mean, domain[1]]) .clamp(true) var zipped = d3.zip(temp,d3.range(1901,2022)); var dataf = d3.map(zipped, function(d) { return { T: d[0], year: d[1] }; }) const tooltip = d3.select("body").append("div") .attr("class", "svg-tooltip") .style("position", "absolute") .style("visibility", "hidden") .style("background-color", "#ccc") .style("border-radius", "2px") .style("padding", "0.5em") .text("test"); const len=temp.length svg.selectAll(".bar") .data(dataf) .enter().append("rect") .attr("class", "bar") .attr("x", (d, i)=> margin.left+i/len*(boundedWidth)) .attr("y", margin.top) .attr("width", 1/len*(boundedWidth)) .attr("height", boundedHeight) .attr("fill", "green") .style('stroke',"none") .attr("fill", d => colorScale(d.T)) .on('mouseover', function(e, d) { console.log(d.year) tooltip.style("visibility", "visible"); tooltip.text(d.year+": "+ d.T+"°C (Différence: "+formatter(d.T-mean)+"°C)") }) .on('mousemove', function(e, d) { tooltip.style("top", (e.pageY - 10) + "px") .style("left", (e.pageX + 10) + "px"); }) .on('mouseout', function(e, d) { tooltip.style('visibility', 'hidden'); }) const xScale = d3.scaleLinear() .domain(d3.extent(dataf.map(d=>d.year))) .range([margin.left, boundedWidth+margin.left]) /* Draw axis */ const xAxisGenerator = d3.axisBottom(xScale) .ticks(data.length / 10) .tickFormat(d3.format('.0f')) const xAxis = svg.append('g') .call(xAxisGenerator) .style('transform', `translateY(${boundedHeight + margin.top}px)`) .selectAll('.tick text') .style('text-anchor', 'end') .style("font-size", 5 + "px") const xAxisLabel = svg.append('text') .attr('x', boundedWidth / 2) .attr('y', boundedHeight + 50) .style("font-size", 10 + "px") .html('Year') .attr('class', 'axis-label') // Ajouter le titre svg.append("text") .attr("x", width /2) .attr("y", margin.top /5* 3) .attr("text-anchor", "middle") .text("Warming Stripes, E. Hawkins, 2018") .style("font-size", 15 + "px") return svg.node() }4e:T1402,hist= (data)=>{ const temp=data.map(d=>d[Reg]) const domain = d3.extent(temp) const result = [] temp.map(d=>d-d3.mean(temp)).forEach(d => { if (d < 0) { result.push([0,d]); } else { result.push([d, 0]); } }) const width = 400, height = 100, margin = {top: 20, right: 30, bottom: 10, left: 40}; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const boundedWidth = width -margin.left - margin.right const boundedHeight = height - margin.top -margin.bottom const mean=d3.mean(temp) const colorScale = d3 .scaleDiverging(t=>d3.interpolateRdYlBu(1-t)) .domain([domain[0], mean , domain[1]]) .clamp(true) const yScale = d3.scaleLinear() .domain([(domain[0]-mean),(domain[1]-mean)]) .range([boundedHeight + margin.top, margin.top]) console.log(yScale(-1),yScale(0),yScale(1)) var zipped = d3.zip(result,d3.range(1901,2021),temp); var dataf = d3.map(zipped, function(d) { return { T: d[2], year: d[1], dif: d[0] }; }) const tooltip = d3.select("body").append("div") .attr("class", "svg-tooltip") .style("position", "absolute") .style("visibility", "hidden") .style("background-color", "#ccc") .style("border-radius", "2px") .style("padding", "0.5em") .text("test"); const len=temp.length svg.selectAll(".bar") .data(dataf) .enter().append("rect") .attr("class", "bar") .attr("x", (d, i)=> margin.left+i/len*(boundedWidth)) .attr("y", d=>yScale(d.dif[0])) .attr("width", 1/len*(boundedWidth)) .attr("height", d=>yScale(d.dif[1])-yScale(d.dif[0])) .attr("fill", "green") .style('stroke',"none") .attr("fill", d => colorScale(d.T)) .on('mouseover', function(e, d) { tooltip.style("visibility", "visible"); tooltip.text(d.year+": "+formatter(d.T-mean)+"°C") console.log(d.T-mean,yScale(d.dif[0]),yScale(d.dif[1])) }) .on('mousemove', function(e, d) { tooltip.style("top", (e.pageY - 10) + "px") .style("left", (e.pageX + 10) + "px"); }) .on('mouseout', function(e, d) { tooltip.style('visibility', 'hidden'); }) const xScale = d3.scaleLinear() .domain(d3.extent(dataf.map(d=>d.year))) .range([margin.left, boundedWidth+margin.left]) /* Draw axis */ const xAxisGenerator = d3.axisBottom(xScale) .ticks(data.length / 10) .tickFormat(d3.format('.0f')) .tickSize(0) const xAxis = svg.append('g') .call(xAxisGenerator) .call(g => g.select(".domain").remove()) .style('transform', `translateY(${boundedHeight + margin.top}px)`) .selectAll('.tick text') .style('text-anchor', 'end') .style("font-size", 5 + "px") .select(".domain") .attr("stroke-width", 0); const xAxisLabel = svg.append('text') .attr('x', -boundedWidth / 2) .attr('y', boundedHeight + 50) .style("font-size", 10 + "px") .html('Year') .attr('class', 'axis-label') // Ajouter l'axe Y const yAxisGenerator = d3.axisLeft(yScale) const yAxis = svg.append('g') .call(yAxisGenerator) .attr('transform', `translate(${margin.left}, 0)`) .selectAll('.tick text') .style("font-size", 5 + "px") // Ajouter le titre de l'axe Y svg.append("text") .attr("transform", "rotate(-90)") .attr("y", margin.left / 3) .attr("x", 0 - (boundedHeight / 3*2)) .attr("text-anchor", "middle") .text("Temperature (°C)") .style("font-size", 10 + "px") .attr('class', 'axis-label'); // Ajouter le titre svg.append("text") .attr("x", width /2) .attr("y", margin.top /5* 3) .attr("text-anchor", "middle") .text("Différence à la moyenne des Températures(1901-2021)") .style("font-size", 10 + "px") svg.append("line") .attr("x1", margin.left) .attr("x2", boundedWidth + margin.left) .attr("y1", yScale(0)) .attr("y2", yScale(0)) .attr("stroke", "black") .attr("stroke-width", 1); // Ajouter le titre de l'axe Y svg.append("text") .attr("y", yScale(0)) .attr("x",boundedWidth + margin.left+19) .attr("text-anchor", "middle") .text(formatter(mean)+'°C') .style("font-size", 7 + "px") .attr('class', 'axis-label'); // const yAxisGrid = d3.axisLeft(yScale) //.tickSize(-boundedWidth) //.tickFormat("") //const xAxisGrid = d3.axisBottom(xScale) //.tickSize(-boundedHeight) //.tickFormat("") //const yAxisGridLines = svg.append('g') //.attr('class', 'grid') //.call(yAxisGrid) //.attr('transform', `translate(${margin.left}, 0)`) //.selectAll('line') //.style('stroke', '#ccc') //.style('stroke-opacity', '0.2') // .style('shape-rendering', 'auto') //const xAxisGridLines = svg.append('g') //.attr('class', 'grid') // .call(xAxisGrid) //.attr('transform', `translate(0, ${boundedHeight+margin.top})`) //.selectAll('line') //.style('stroke', '#ccc') //.style('stroke-opacity', '0.2') //.style('shape-rendering', 'auto') return svg.node() }4f:Tb41,{ const dateFormatter = d3.timeFormat(year+"-%m-%d"); // Create date formatter let dataf if (year<2006) { dataf=formattedData.filter(d=>d.date.getFullYear()===year)} else { switch (scenario){ case "RCP2.6": dataf=formattedproj1.filter(d=>d.date.getFullYear()===year); break; case "RCP4.5": dataf=formattedproj2.filter(d=>d.date.getFullYear()===year); break; case "RCP8.5": dataf=formattedproj3.filter(d=>d.date.getFullYear()===year); break; } } const data_moy=formattedData.filter(d=>d.date.getFullYear()<=ref[1] && d.date.getFullYear()>=ref[0]); const T_by_day =d3.rollup(data_moy.filter(d => d.date.getMonth() !== 1 || d.date.getDate() !== 29), v => d3.mean(v, d => d.T_max), d => dateFormatter(d.date)) // Définir la taille du graphique const width = 800; const height = 400; // Créer le SVG const svg = d3.create("svg") .attr("width", width) .attr("height", height); // Définir les marges et la taille de la zone de traçage const margin = { top: 20, right: 20, bottom: 30, left: 50 }; const plotWidth = width - margin.left - margin.right; const plotHeight = height - margin.top - margin.bottom; // Définir l'échelle x pour la date const x = d3.scaleTime() .range([0, plotWidth]) .domain(d3.extent(dataf, d => d.date)); // Définir l'échelle y pour la température moyenne const y = d3.scaleLinear() .range([plotHeight, 0]) .domain([d3.min(formattedData, d => d.T_max) - 2, d3.max(formattedData, d => d.T_max) + 2]); // Ajouter l'axe x svg.append("g") .attr("transform", `translate(${margin.left}, ${height - margin.bottom})`) .call(d3.axisBottom(x)); // Ajouter l'axe y svg.append("g") .attr("transform", `translate(${margin.left}, ${margin.top})`) .call(d3.axisLeft(y)); // définir la ligne pour la T_moy const moyenneLine = d3.line() .x(d => x(new Date(d[0]))+ margin.left) .y(d => y(d[1])+ margin.top); // définir la ligne pour la T_max const maxLine = d3.line() .x(d => x(d.date)+ margin.left) .y(d => y(d.T_max)+ margin.top); // Ajouter la ligne T_max au graphique svg.append("path") .datum(dataf) .attr("fill", "none") .attr("stroke", "red") .attr("stroke-width", 2) .attr("d", maxLine); // Ajouter la ligne moyenne au graphique svg.append("path") .datum(T_by_day) .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 2) .attr("d", moyenneLine); // Ajouter un titre au graphique svg.append("text") .attr("x", (width / 2)) .attr("y", margin.top / 2) .attr("text-anchor", "middle") .style("font-size", "20px") .style("font-weight", "bold") .style("fill", "black") .text("Température moyenne en fonction de la date"); return svg.node() }50:T7e6,function hover(svg, lines, areas) { if ("ontouchstart" in document) svg .style("-webkit-tap-highlight-color", "transparent") .on("touchmove", moved) .on("touchstart", entered) .on("touchend", left) else svg .on("mousemove", function(e,d) {moved(e,d)}) .on("mouseenter", entered) .on("mouseleave", left); const verticalMarker = svg.append("g") .attr("display", "none"); verticalMarker.append("line") .attr('stroke', 'black') .attr('x1', 0) .attr('y1', height - margin.top) .attr('x2', 0) .attr('y2', margin.bottom); const tooltip = d3.select(view).select(".tooltip"); tooltip .style('background', 'black') .style('color', 'white') .style('padding', '10px') .style('opacity', '0.8'); function moved(e,d) { //d3.event.preventDefault(); const xm = x.invert(e.pageX); const bisectDate = d3.bisector(d => d.date).left; const i1 = bisectDate(data_by_date, xm, 1); if (i1 < 0) return; const i0 = i1 - 1; if (i0 < 0) return; const i = xm - data_by_date[i0].date > data_by_date[i1].date - xm ? i1 : i0; const value = data_by_date[i]; if (!value) return; const extent = d3.extent(d3.merge(value.series.map(d => [d.min, d.avg, d.max]))); verticalMarker.attr("transform", `translate(${x(value.date)},0)`); verticalMarker.select("line") .attr('y1', y(extent[1])) .attr('y2', y(extent[0])); console.log(x(value.date),value.date) const xLimit = d3.min([x(value.date), width-margin.right-margin.left]); tooltip //.style("left", `${x(value.date) - 20}px`) .style("left", `${xLimit}px`) .style("top", `${y(extent[1]) - 50}px`) .html(getTooltip(value)) .style("visibility", "visible") } function entered() { verticalMarker.attr("display", null); tooltip.style("visibility", "visible"); } function left() { verticalMarker.attr("display", "none"); tooltip.style("visibility", "hidden"); } }51:T9b5,function transformDatabyDate(data) { // Tableau pour stocker les données transformées let transformedData = []; // Boucle sur chaque ligne de données d'entrée data.forEach(function(d) { // Boucle sur chaque mois if (+d.Category<2015) { let row = { date: +d.Category, series: [ { name: "Reference", min:+d["Historical 10-90th Percentile Range (low)"], max:+d["Historical 10-90th Percentile Range (high)"], avg: +d["Hist. Ref. Per.. 1995-2014"] } ] }; transformedData.push(row); } else { let row = { date: +d.Category, series: [ { name: "SSP1-1.9", min:+d["SSP1-1.9 10-90th Percentile Range (low)"], max:+d["SSP1-1.9 10-90th Percentile Range (high)"], avg: +d["SSP1-1.9"] }, { name: "SSP1-2.6", min:+d["SSP1-2.6 10-90th Percentile Range (low)"], max:+d["SSP1-2.6 10-90th Percentile Range (high)"], avg: +d["SSP1-2.6"] }, { name: "SSP2-4.5", min:+d["SSP2-4.5 10-90th Percentile Range (low)"], max:+d["SSP2-4.5 10-90th Percentile Range (high)"], avg: +d["SSP2-4.5"] }, { name: "SSP3-7.0", min:+d["SSP3-7.0 10-90th Percentile Range (low)"], max:+d["SSP3-7.0 10-90th Percentile Range (high)"], avg: +d["SSP3-7.0"] }, { name: "SSP5-8.5", min:+d["SSP5-8.5 10-90th Percentile Range (low)"], max:+d["SSP5-8.5 10-90th Percentile Range (high)"], avg: +d["SSP5-8.5"] } ] }; transformedData.push(row); } // Objet pour stocker les valeurs de l'année, du mois et de la valeur // Ajout de l'objet au tableau de données transformées }); return transformedData; }52:T655,selectionner=(data,filtre)=>{ return [ data.map(series => { if ( series.series[0].name==="Reference"){ return { name: series.series[0].name, date: series.date, value: series.series[0][filtre] -change, } } }).filter(d => d !== undefined), data.map(series => { const n=0 if ( series.series[0].name==="SSP1-1.9"){ return { name: series.series[n].name, date: series.date, value: series.series[n][filtre] -change, } } }).filter(d => d !== undefined), data.map(series => { const n=1 if ( series.series[0].name==="SSP1-1.9"){ return { name: series.series[n].name, date: series.date, value: series.series[n][filtre] -change, } } }).filter(d => d !== undefined), data.map(series => { const n=2 if ( series.series[0].name==="SSP1-1.9"){ return { name: series.series[n].name, date: series.date, value: series.series[n][filtre] -change, } } }).filter(d => d !== undefined), data.map(series => { const n=3 if ( series.series[0].name==="SSP1-1.9"){ return { name: series.series[n].name, date: series.date, value: series.series[n][filtre] -change, } } }).filter(d => d !== undefined), data.map(series => { const n=4 if ( series.series[0].name==="SSP1-1.9"){ return { name: series.series[n].name, date: series.date, value: series.series[n][filtre] -change, } } }).filter(d => d !== undefined) ] }53:[{"id":"0e0fb9036165268c6ce575920b0bd19936ee37121fc515d99904800016b43b1618aad4b3295dc38c6dde9a356aa38f3ec4c647fc1c20998fe1923d28f3350e5c","href":"https://static.observableusercontent.com/files/0e0fb9036165268c6ce575920b0bd19936ee37121fc515d99904800016b43b1618aad4b3295dc38c6dde9a356aa38f3ec4c647fc1c20998fe1923d28f3350e5c","name":"333002667_170106835794605_6369151132992516022_n@1.jpg","type":"image/jpeg","lastModified":1678659115199.829,"size":159908},{"id":"a9cb33549a6022d9657e2a5d7d73b63dcbe610fe63d18b8ad2537f0e66009afe7ec8e6e6adfecb10dd1d88d1eced0202a5b520b0a41fdd03ad46726ccdc779c3","href":"https://static.observableusercontent.com/files/a9cb33549a6022d9657e2a5d7d73b63dcbe610fe63d18b8ad2537f0e66009afe7ec8e6e6adfecb10dd1d88d1eced0202a5b520b0a41fdd03ad46726ccdc779c3","name":"333431239_733279991809553_990965208984013268_n@1.jpg","type":"image/jpeg","lastModified":1678659115199.829,"size":159170}] 29:{"id":"2abd4ddef9328ada","slug":null,"title":"Projet : A-t-on vraiment plus chaud?","thumbnail":"341e5a3d87ddaa0722a91b09698355576397a5e22a0bcae56f5e512cdd03058d","access_level":"public","create_time":"$D2023-03-12T22:11:55.199Z","update_time":"$D2023-03-12T22:11:55.199Z","view_time":null,"first_public_time":"$D2023-03-12T22:11:55.199Z","has_unpublished_edits":null,"fork":{"id":"c97420275547465d","slug":null,"title":"Le Réchauffement des températures en France","owner":{"id":"36e90d6d40b7988c","login":"jeremybon","name":"Jérémy Bon"}},"stars":0,"starred":false,"owner":{"type":"team","id":"36e90d6d40b7988c","login":"jeremybon","name":"Jérémy Bon","avatar_url":"https://avatars-next.observableusercontent.com/c1e0b5c45bc1ac7d74d0b0cd12293708badceb93fe9b302f208e8f8fd87b11c5","tier":"starter_2024","bio":"","following":false},"version":2099,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"9526f71aea185f65","login":"jeremybon","name":"Jérémy Bon","avatar_url":"https://avatars-next.observableusercontent.com/c1e0b5c45bc1ac7d74d0b0cd12293708badceb93fe9b302f208e8f8fd87b11c5","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"9526f71aea185f65","login":"jeremybon","name":"Jérémy Bon","avatar_url":"https://avatars-next.observableusercontent.com/c1e0b5c45bc1ac7d74d0b0cd12293708badceb93fe9b302f208e8f8fd87b11c5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Projet : A-t-on vraiment plus chaud?","cells":[{"id":0,"value":"# Projet : A-t-on vraiment plus chaud?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":380,"value":"viewof scenario = Inputs.radio([\"RCP2.6\", \"RCP4.5\", \"RCP8.5\"], {value: \"RCP2.6\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2056,"value":"### V0","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2053,"value":"_170106835794605_6369151132992516022_n1 = FileAttachment(\"333002667_170106835794605_6369151132992516022_n@1.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2059,"value":"### V1","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2055,"value":"_733279991809553_990965208984013268_n1 = FileAttachment(\"333431239_733279991809553_990965208984013268_n@1.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2075,"value":"# SOURCES","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2078,"value":"Première Option : https://drias-prod.meteo.fr/okapi/accueil/okapiWebDrias/index.jsp (Minitère transition écologique)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2081,"value":"Option Retenue: https://climateknowledgeportal.worldbank.org/country/france","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2091,"value":"# GIEC OU IPCC en anglais","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2084,"value":"Climate projection data is modeled data from the global climate model compilations of the Coupled Model Inter-comparison Projects (CMIPs), overseen by the World Climate Research Program. Data presented is CMIP6, derived from the Sixth phase of the CMIPs. The CMIPs form the data foundation of the IPCC Assessment Reports. CMIP6 supports the IPCC's Sixth Assessment Report.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2063,"value":"### V2","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":717,"value":"button = {\n const button = html``;\n button.onclick = () => mutable Reg= \"France\";\n \n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"viewof year = slide({\n min: 1901, \n max: 2021, \n step: 1, \n value: 2000,\n title: \"Year Range Slider\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":607,"value":"carte(fond,datahist)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":800,"value":"Reg","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1068,"value":"viewof graph = Inputs.radio([\"Stripes\", \"Histogramme\"], {value:\"Stripes\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":802,"value":"leshist(datahist)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1658,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1613,"value":"viewof dateselector = {\n const data = d3.range(data2.length);\n const format = e => {\n const d = data2[e];\n const m = new Date(`${d.year}-${d.month}`).toString().split(' ')[1];\n circle.update(e);\n console.log(d)\n return `${d.year} ${m}`;\n };\n const p = Player(data, {\n width: 500,\n autoplay: true,\n initial: 0,\n delay: 150,\n loop: false,\n format\n });\n return p;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1997,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1796,"value":"view = html`\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1782,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":516,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1071,"value":"leshist = (data) => {\n if (graph==\"Stripes\") {return stripes(data)}\n else {return hist(data)}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":807,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1064,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"fond=d3.json(\"https://raw.githubusercontent.com/gregoiredavid/france-geojson/master/regions-avant-redecoupage-2015.geojson\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":410,"value":"### Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1617,"value":"import { Player } from \"@oscar6echo/player\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1686,"value":"import {style as faStyle} from \"@airbornemint/fontawesome\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1691,"value":"import {disposal} from \"@mbostock/disposal\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1764,"value":"import {table} from \"@tmcw/tables\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2022,"value":"import {caMapCoordinates} from \"@mukhtyar/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2019,"value":"import {swatches} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2025,"value":"import {text, select} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2028,"value":"d3Annotation = require(\"d3-svg-annotation\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1689,"value":"faStyle({ solid: true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"netcdf = import(\"https://cdn.skypack.dev/netcdfjs@2.0.2?min\").then((d) => d.NetCDFReader)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"import {slider as slide} from \"@lorenries/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"import {rangeSlider} from '@mootari/range-slider@1781'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1999,"value":"d3Legend = require(\"d3-svg-legend\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"function convertValuesToFloat(obj) {\n const newObj = {};\n for (const key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n newObj[key] = parseFloat(obj[key]);\n }\n }\n return newObj;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"datahist=d3.csv(\"https://raw.githubusercontent.com/JeremyBon/France_Climate_Visuclass_project/main/data/ok_tas_timeseries_annual_cru_1901-2021_FRA.csv?token=GHSAT0AAAAAAB7CUYAXWDGWJDG5IA6XI3GSZAD44FQ\",d3.autoType)\n//.then((d) => {\n //d.forEach(e => {\n //\n //e.Year=parseYear(e.Year)\n //})\n //return d\n//})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1347,"value":"rond=d3.csv(\"https://raw.githubusercontent.com/JeremyBon/France_Climate_Visuclass_project/main/data/ok_tas_timeseries_monthly_cru_1901-2021_FRA.csv\",d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1368,"value":"function d3keys(maps,rond) {\n var keys = [];\n for (var key in maps) keys.push([key,d3.mean(d3.map(rond,d=>d[key]))]);\n keys.shift()\n return keys;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1465,"value":"round_data_maker=function(data,mean){\n const rep=rond\n for (var i = 0; i < data.length; i++) {\n \n \n // find permet d’eviter de faire une boucle sur toutes les donnees\n \n \n \n \n \n \n rep[i].Year=data[i].Year\n \n rep[i].January=data[i].January-mean[0][1]\n rep[i].February=data[i].February-mean[1][1]\n rep[i].March=data[i].March-mean[2][1]\n rep[i].April=data[i].April-mean[3][1]\n rep[i].May=data[i].May-mean[4][1]\n rep[i].June=data[i].June-mean[5][1]\n rep[i].July=data[i].July-mean[6][1]\n rep[i].August=data[i].August-mean[7][1]\n rep[i].September=data[i].September-mean[8][1]\n rep[i].October=data[i].October-mean[9][1]\n rep[i].November=data[i].November-mean[10][1]\n rep[i].December=data[i].December-mean[11][1]\n }\n return rep\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1631,"value":"function cols(map) {\n var keys = [];\n for (var key in map) keys.push(key);\n keys.shift()\n return keys;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1634,"value":"months=cols(rond[0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1725,"value":"function transformData(data) {\n // Tableau pour stocker les données transformées\n let transformedData = [];\n\n // Boucle sur chaque ligne de données d'entrée\n data.forEach(function(d) {\n // Boucle sur chaque mois\n for (let i = 1; i <= 12; i++) {\n // Objet pour stocker les valeurs de l'année, du mois et de la valeur\n let row = {\n year: d.Year,\n month: i,\n T: d[Object.keys(d)[i]]\n };\n // Ajout de l'objet au tableau de données transformées\n transformedData.push(row);\n }\n });\n\n return transformedData;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2069,"value":"means = d3keys(rond[0],rond)\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2071,"value":"newrond=round_data_maker(rond,means)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1748,"value":"data2=transformData(newrond)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1779,"value":"futur=d3.csv(\"https://raw.githubusercontent.com/JeremyBon/France_Climate_Visuclass_project/main/data/ok_projected-mean-temperature_br__france%3B-(ref.-period_-1995-2014)%2C-multi-model-ensemble.xls.csv\", d3.auotype)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":586,"value":"parseYear = d3.timeParse(\"%Y\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":768,"value":"mutable Reg=\"France\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1122,"value":"formatter = d3.format(\".2f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1770,"value":"cssRadiatChart = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1784,"value":"$50","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1786,"value":"height=500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1989,"value":"width=1000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1791,"value":"margin = ({top: 20, right: 20, bottom: 30, left: 30})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1807,"value":"x = d3.scaleTime()\n .domain([xmin, xmax])\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1809,"value":"xmin=1995","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1811,"value":"xmax=2100","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1817,"value":"$51","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1848,"value":"y = d3.scaleLinear()\n .domain([ymin, ymax]).nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1850,"value":"ymin=10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1852,"value":"ymax=18","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1857,"value":"function getTooltip(d) {\n const date = d.date;\n const panels = d.series.map((row) => {\n return `${tooltipLabels[row.name]}: ${format(row.avg)}`;\n });\n return `\n ${date}\n ${panels.join(\" \")}\n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1860,"value":"format = d3.format(\"0.1f\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1862,"value":"tooltipLabels = ({\n \"Reference\": \"Modèle de Référence\",\n \"SSP1-1.9\": \"SSP1-1.9\",\n \"SSP1-2.6\":\"SSP1-2.6\",\n \"SSP2-4.5\":\"SSP2-4.5\",\n \"SSP3-7.0\":\"SSP3-7.0\",\n \"SSP5-8.5\":\"SSP5-8.5\"\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1865,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).ticks(width / 80).tickSizeOuter(0).tickFormat(d3.format(\"d\")))\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1868,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"font-size\", \"1rem\")\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1872,"value":"fills = ({\n \"SSP1-1.9\": textures.circles()\n .size(5)\n .radius(2)\n .fill(colors(\"ssp19\")),\n \"SSP1-2.6\": textures.circles()\n .size(5)\n .radius(2)\n .fill(colors(\"ssp26\")),\n Reference: textures.circles()\n .size(5)\n .radius(2)\n .fill(colors(\"historical\")),\n \"SSP2-4.5\": textures.circles()\n .size(5)\n .radius(2)\n .fill(colors(\"ssp45\")),\n \"SSP3-7.0\": textures.circles()\n .size(5)\n .radius(2)\n .fill(colors(\"ssp70\")),\n \"SSP5-8.5\": textures.circles()\n .size(5)\n .radius(2)\n .fill(colors(\"ssp85\"))\n})\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1876,"value":"scenarios = ({\n \"Reference\": \"Reference\",\n \"SSP1-1.9\": \"SSP1-1.9\",\n \"SSP1-2.6\":\"SSP1-2.6\",\n \"SSP2-4.5\":\"SSP2-4.5\",\n \"SSP3-7.0\":\"SSP3-7.0\",\n \"SSP5-8.5\":\"SSP5-8.5\"\n});\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1881,"value":"textures = require(\"https://cdn.rawgit.com/riccardoscalco/textures/master/dist/textures.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1884,"value":"colors = d3.scaleOrdinal()\n .domain(legendLabels.map(d => d.name))\n .range(legendLabels.map(d => d.color));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1887,"value":"legendLabels = [\n {\n name: \"SSP1-1.9\",\n label: \"SSP1-1.9\",\n color: \"#FFEDD0\"\n,\n },\n {\n name: \"Reference\",\n label: \"Modèle de Référence\",\n color: \"#A9A9A9\",\n },\n {\n name: \"SSP2-4.5\",\n label: \"SSP2-4.5\",\n color: \"#FFA420\",\n },\n {\n name: \"SSP3-7.0\",\n label: \"SSP3-7.0\",\n color: \"#63100F\",\n },\n {\n name: \"SSP1-2.6\",\n label: \"SSP1-2.6\",\n color: \"#FFD133\",\n },\n {\n name: \"SSP5-8.5\",\n label: \"SSP5-8.5\",\n color: \"#2E1C08\",\n }\n]\n\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1841,"value":"data_by_date=transformDatabyDate(futur)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1896,"value":"Download Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1928,"value":"$52","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1902,"value":"line_data=selectionner(data_by_date,\"avg\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1938,"value":"area_data=selectionner(data_by_date,\"min\").concat(selectionner(data_by_date,\"max\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1899,"value":"change=0 //in case of difference","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1946,"value":"line = d3.line()\n //.defined(d => !isNaN(d))\n .x((d) => x(d.date))\n .y(d => y(d.value))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1949,"value":"envelope_data = {\n const Reference = area_data.filter((arr) => arr[0].name === 'Reference');\n const ssp19 = area_data.filter((arr) => arr[0].name === 'SSP1-1.9');\n const ssp26 = area_data.filter((arr) => arr[0].name === 'SSP1-2.6');\n const ssp45 = area_data.filter((arr) => arr[0].name === \"SSP2-4.5\");\n const ssp70 = area_data.filter((arr) => arr[0].name === \"SSP3-7.0\");\n const ssp85 = area_data.filter((arr) => arr[0].name === \"SSP5-8.5\");\n return [makeEnvelope(Reference), \n makeEnvelope(ssp19), \n makeEnvelope(ssp26), \n makeEnvelope(ssp45), \n makeEnvelope(ssp70), \n makeEnvelope( ssp85)];\n\n\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1951,"value":"makeEnvelope = function (data) {\n const [arr1, arr2] = data;\n const combinedArray = [];\n \n arr1.forEach((item1) => {\n arr2.forEach((item2) => {\n if (item1.date === item2.date) {\n let min;\n let max;\n if (item1.value <= item2.value) {\n min = item1.value;\n max = item2.value;\n } else {\n min = item2.value;\n max = item1.value;\n }\n combinedArray.push({\n name: item1.name,\n date: item1.date,\n min,\n max,\n });\n }\n });\n });\n \n return combinedArray;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1956,"value":"area = d3.area()\n //.defined(d => !isNaN(d))\n .x((d) => x(d.date))\n .y0(d => y(d.min))\n .y1(d => y(d.max))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W53","stdlib":"1"}} 24:null