31:T4a6,chart = { const plot = d3 .create('svg') .attr('width', width_1 + margin.left + margin.right) .attr('height', height_1); const serie = plot .selectAll(".country") .data(data) .enter() .append('g') .attr("class", "country") .style('font-family', 'sans-serif') .attr( 'transform', (d, i) => `translate(${margin.left}, ${margin.top + i * (heightBar + margin.between * 2)})` ); const country = serie .selectAll(".one_country") .data(([, values]) => values) .enter(); serie .append('text') .attr("class", "one_country") .text(d => d[0]) .attr('x', 0) .attr('y', 0) .style('fill', '#222'); country .append("rect") .attr("class", "one_country") .attr("fill", d => scaleColorBand(d.positive_rate)) .attr("x", (d, i) => scale_X(d.date)) .attr("height", heightBar) .attr("y", 8) .attr("width", width_bar); const xAxis = d3.axisBottom(scale_X).ticks(3); const xa = plot .append("g") .call(xAxis) .attr('transform', `translate(0,${height_1 - margin.bottom})`) .call(g => g.selectAll(".domain").remove()); return plot.node(); }32:[] 2f:{"title":"Tasa de positividad por país","cells":[{"id":0,"value":"md`# Tasa de positividad por país`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"md`Diseño e idea copiada de [este notebook](https://observablehq.com/@irenedelatorre/prototypes-new-cases-of-coronavirus) de Irene de la Torre`","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"md`Datos de la base de datos de [Our World In Data](https://ourworldindata.org/coronavirus-testing) para el coronavirus.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":273,"value":"encabezado = {\n const container = d3\n .select(html`

`)\n .style('font-family', 'sans-serif')\n .style('line-height', '2rem')\n .style('text-align', 'left')\n .style('font-size', '1.6em')\n .style('font-weight', 'bold')\n .html(d => {\n return `Semáforo tasa positividad PCR`;\n });\n\n return container.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":429,"value":"leyenda = {\n const container = d3\n .select(html``)\n .style('line-height', '2rem')\n .style('font-family', 'sans-serif')\n .style('text-align', 'left')\n .style('padding-right', '0.5rem')\n .style('font-size', '1em')\n .html(d => {\n return `Sin datos\n<3%\n3-5%\n5-10%\n>10% `;\n });\n\n return container.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":634,"value":"md`*Se muestran los últimos 120 días, es decir, desde el ${time_domain[0].toLocaleString(\n \"es-ES\",\n {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\"\n }\n)} hasta el ${time_domain[1].toLocaleString(\"es-ES\", {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\"\n})}*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":539,"value":"md`___`","pinned":false,"hidden":false,"mode":"ojs"},{"id":187,"value":"md`## Chart config`","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"function scaleColorBand(value) {\n if (value >= 0.1 && value <= 3) {\n return '#9FC680';\n } else if (value > 3 && value <= 5) {\n return '#F9C74F';\n } else if (value > 5 && value <= 10) {\n return '#B80000';\n } else if (value > 10) {\n return '#333333';\n } else return \"#ededed\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":338,"value":"md`### Dimensiones`","pinned":false,"hidden":false,"mode":"ojs"},{"id":347,"value":"md`#### x`","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"scale_X = d3\n .scaleTime()\n .domain(time_domain)\n .range([start, end - width_bar])","pinned":false,"hidden":false,"mode":"ojs"},{"id":353,"value":"md`#### heights`","pinned":false,"hidden":false,"mode":"ojs"},{"id":812,"value":"height_1 = (heightBar + 20 + margin.between) * 7 + 15","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"heightBar = 20","pinned":false,"hidden":false,"mode":"ojs"},{"id":356,"value":"md`#### width`","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"width_1 = d3.min([600, width])","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"width_bar = (end - start) / dates.length","pinned":false,"hidden":false,"mode":"ojs"},{"id":361,"value":"md`#### margins`","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"end = width_1","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"start = 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"margin = ({ top: 20, right: 5, bottom: 20, left: 0, between: 20 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"time_domain = d3.extent(dates, d => d.date)","pinned":false,"hidden":false,"mode":"ojs"},{"id":755,"value":"dates = topCountries.map(d => ({ date: d.date })).slice(length - 120)","pinned":false,"hidden":false,"mode":"ojs"},{"id":227,"value":"data = d3.groups(topCountries, d => d.pais)","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"topCountries = rawData\n .filter(function(d) {\n return (\n d.iso_code === \"ESP\" ||\n d.iso_code === \"DEU\" ||\n d.iso_code === \"USA\" ||\n d.iso_code === \"FRA\" ||\n d.iso_code === \"PRT\" ||\n d.iso_code === \"ITA\" ||\n d.iso_code === \"GBR\"\n );\n })\n .map(d => {\n d.pais = trad.find(dd => dd.iso_code === d.iso_code).pais;\n return d;\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"rawData = d3.csv(\n 'https://covid.ourworldindata.org/data/owid-covid-data.csv',\n d => {\n d.date = new Date(d.date);\n d.country = d.location;\n d.positive_rate = +d.positive_rate * 100;\n d.tests_per_case = +d.tests_per_case;\n return d;\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":991,"value":"trad = [\n { pais: \"España\", iso_code: \"ESP\" },\n { pais: \"Alemania\", iso_code: \"DEU\" },\n { pais: \"Estados Unidos\", iso_code: \"USA\" },\n { pais: \"Francia\", iso_code: \"FRA\" },\n { pais: \"Portugal\", iso_code: \"PRT\" },\n { pais: \"Italia\", iso_code: \"ITA\" },\n { pais: \"Reino Unido\", iso_code: \"GBR\" }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":786,"value":"locale = d3.timeFormatDefaultLocale(esp)","pinned":false,"hidden":false,"mode":"ojs"},{"id":785,"value":"esp = d3.json(\n \"https://raw.githubusercontent.com/d3/d3-time-format/master/locale/es-ES.json\"\n)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}