31:[{"id":"909a5216015b40c810cb4809d323b73ef7db9d08cbda8ea94f626f318f56c165f8699c6c400206593872d834a19779355af78d01871ad8afe8b4c63b390de139","href":"https://static.observableusercontent.com/files/909a5216015b40c810cb4809d323b73ef7db9d08cbda8ea94f626f318f56c165f8699c6c400206593872d834a19779355af78d01871ad8afe8b4c63b390de139","name":"log-chart-dead-2020-04-27.csv","type":"text/csv","lastModified":1588074284433.723,"size":2324},{"id":"ec74fabb00ca0f3507a788ad7e0d49ee77234e897ca01e97380f2d6d373e48b1ba47a7499404a93333e072070332dba7260da143c7f73e8267799e32bf00ae80","href":"https://static.observableusercontent.com/files/ec74fabb00ca0f3507a788ad7e0d49ee77234e897ca01e97380f2d6d373e48b1ba47a7499404a93333e072070332dba7260da143c7f73e8267799e32bf00ae80","name":"log-chart-dead-2020-04-13.csv","type":"text/csv","lastModified":1586846439548.931,"size":1666},{"id":"d83cfaf715b67cd96e2676fd409fc90cc7042a60b139882fee75e939e6011dcc09b440a8596c9c86eece67afc1da9fe3f0a9e127d204db211646a6698700fff3","href":"https://static.observableusercontent.com/files/d83cfaf715b67cd96e2676fd409fc90cc7042a60b139882fee75e939e6011dcc09b440a8596c9c86eece67afc1da9fe3f0a9e127d204db211646a6698700fff3","name":"ft-logchart-mit-spanien.csv","type":"text/csv","lastModified":1585830241578.67,"size":1728},{"id":"698724a9996bc2ee15a3738827363174cf28c67f1ae3e428e4e5149623d0813663ffcdb687376aa7446058fb94566fd29c7f0bcf3477f4420ba5f2558c2fc2c6","href":"https://static.observableusercontent.com/files/698724a9996bc2ee15a3738827363174cf28c67f1ae3e428e4e5149623d0813663ffcdb687376aa7446058fb94566fd29c7f0bcf3477f4420ba5f2558c2fc2c6","name":"log-chart-dead-2020-04-03.csv","type":"text/csv","lastModified":1585895498984.324,"size":1219},{"id":"684e27092c10653a6c52c58649ef5cfc0bec5b8548946f413184bdf7b64b3f6d653d29bc3537e6985aa9723804d5e7d05b00fb6ef154ff645f35ad768008fa5e","href":"https://static.observableusercontent.com/files/684e27092c10653a6c52c58649ef5cfc0bec5b8548946f413184bdf7b64b3f6d653d29bc3537e6985aa9723804d5e7d05b00fb6ef154ff645f35ad768008fa5e","name":"log-chart-dead-2020-07-09.csv","type":"text/csv","lastModified":1594632642798.933,"size":5839},{"id":"2537c8cba0b902408e9dc897825598bae6c4d25e005785ee16c59e1146396b91ac677a396c7ee9dd93baed4c169510f3bb0908e7c72a885166efe4803d51e678","href":"https://static.observableusercontent.com/files/2537c8cba0b902408e9dc897825598bae6c4d25e005785ee16c59e1146396b91ac677a396c7ee9dd93baed4c169510f3bb0908e7c72a885166efe4803d51e678","name":"log-chart-dead-2020-04-30.csv","type":"text/csv","lastModified":1588236375794.094,"size":2469},{"id":"7761d0bb0c960b42b8182115b37b13a6a187c56220d24384b134c32998450ac0372c1045ea84bc4125ff7fe5ef5f1d59792f16285a94a484be6e3c1c69e94a8c","href":"https://static.observableusercontent.com/files/7761d0bb0c960b42b8182115b37b13a6a187c56220d24384b134c32998450ac0372c1045ea84bc4125ff7fe5ef5f1d59792f16285a94a484be6e3c1c69e94a8c","name":"logchart-countries-dead_04-01.csv","type":"text/csv","lastModified":1585833880798.685,"size":1176},{"id":"0f950246221e45f1ada305e79cc3a5479cb999572438b5735ddccf06d29abd05d2a93e8688c91cb53a27fa98463869ef9bc0262bfaea5796fc50560e017fa422","href":"https://static.observableusercontent.com/files/0f950246221e45f1ada305e79cc3a5479cb999572438b5735ddccf06d29abd05d2a93e8688c91cb53a27fa98463869ef9bc0262bfaea5796fc50560e017fa422","name":"ft_log_deaths.csv","type":"text/csv","lastModified":1587050703769.504,"size":1807},{"id":"a960879d21efaa56ca699dc88d9cf17a3fda6fe24f23a43c2cae91f97bd58d8298f28dc8c2b835c9e9db3dafc0b665e5061b0b80369c45c6138b4cf1ffb9e454","href":"https://static.observableusercontent.com/files/a960879d21efaa56ca699dc88d9cf17a3fda6fe24f23a43c2cae91f97bd58d8298f28dc8c2b835c9e9db3dafc0b665e5061b0b80369c45c6138b4cf1ffb9e454","name":"log-chart-dead-2020-04-09.csv","type":"text/csv","lastModified":1586420833603.543,"size":1482},{"id":"50171311335796933aeff951628278452a468b9a5a41af5c5164f384e5f7a62767ca86907949bff79bf0dcd8af909862d01e4e04d0e75a849b87760995950957","href":"https://static.observableusercontent.com/files/50171311335796933aeff951628278452a468b9a5a41af5c5164f384e5f7a62767ca86907949bff79bf0dcd8af909862d01e4e04d0e75a849b87760995950957","name":"log-chart-dead-2020-04-23.csv","type":"text/csv","lastModified":1587632013168.821,"size":2136},{"id":"8ce8186a436b5ae2abeb8420b8a5062a3c8a5bf7900229dea62d1f0bbd5e1d9f8ac2333d540310166c611a8cddc6fcd0d678c6806758e80c5fb534de3ac5a400","href":"https://static.observableusercontent.com/files/8ce8186a436b5ae2abeb8420b8a5062a3c8a5bf7900229dea62d1f0bbd5e1d9f8ac2333d540310166c611a8cddc6fcd0d678c6806758e80c5fb534de3ac5a400","name":"log-chart-dead-2020-05-04.csv","type":"text/csv","lastModified":1588606147226.652,"size":2661},{"id":"ad05e2c80dd3b17cc71733a11e0d196137ab7ddb91fd1f9816caf539d3c7ba73773aaa90d9b7c9aa7eed3002ced31442adc8f684cdada9896c536ceb30dea267","href":"https://static.observableusercontent.com/files/ad05e2c80dd3b17cc71733a11e0d196137ab7ddb91fd1f9816caf539d3c7ba73773aaa90d9b7c9aa7eed3002ced31442adc8f684cdada9896c536ceb30dea267","name":"log-chart-dead-2020-06-05.csv","type":"text/csv","lastModified":1591610448595.366,"size":5163},{"id":"271edfbb901fcfed4cb2552bbcaf21907dbe85dae5a748b2da14b1dcda3e1d9a11020a652848616ff4bb69ec00386517cb3cac7f7746135e56fed4149ebf20d9","href":"https://static.observableusercontent.com/files/271edfbb901fcfed4cb2552bbcaf21907dbe85dae5a748b2da14b1dcda3e1d9a11020a652848616ff4bb69ec00386517cb3cac7f7746135e56fed4149ebf20d9","name":"log-chart-dead-2020-06-12.csv","type":"text/csv","lastModified":1591945030313.494,"size":5504},{"id":"58f3b48da4a3c1183c2dc6a7618a2ab78e032febcad7446505ef2f9e39dfb3fd310c84b5fda8c7346a13c3d2886900a4f4328f732a98501361dd3544809dbd52","href":"https://static.observableusercontent.com/files/58f3b48da4a3c1183c2dc6a7618a2ab78e032febcad7446505ef2f9e39dfb3fd310c84b5fda8c7346a13c3d2886900a4f4328f732a98501361dd3544809dbd52","name":"log-chart-dead-2020-05-26.csv","type":"text/csv","lastModified":1590481616931.57,"size":3697},{"id":"17302e46eafd7442bdd349016c9fc1126c14a7aa97f3b08cd260f38ae8ca0bfd5dfdea8cd8eb79ff1d7d0137a06722dea840576377b84e1c3174c90121abd562","href":"https://static.observableusercontent.com/files/17302e46eafd7442bdd349016c9fc1126c14a7aa97f3b08cd260f38ae8ca0bfd5dfdea8cd8eb79ff1d7d0137a06722dea840576377b84e1c3174c90121abd562","name":"log-chart-dead-2020-06-16.csv","type":"text/csv","lastModified":1592470648632.36,"size":4713}] 2f:{"title":"Log-Chart für Tote","cells":[{"id":0,"value":"md`# Log-Chart für Tote`","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"min = 20 // We start at the 20th death","pinned":true,"hidden":false,"mode":"ojs"},{"id":63,"value":"max = d3.max(\n data.map(d => {\n return d3.max(\n Object.keys(d)\n .filter(k => k != \"Tag\")\n .map(k => d[k])\n );\n })\n) + 100000 /* Add a little space on top */","pinned":false,"hidden":false,"mode":"ojs"},{"id":552,"value":"maxDay = d3.max(data.map(d => d.Tag))","pinned":true,"hidden":false,"mode":"ojs"},{"id":256,"value":"md`## Allgemeine Konfiguration`","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"conf = {\n return {\n countries: [\n { label: \"Italien\", color: \"#7385ff\", offsetX: -25, offsetY: 12 },\n { label: \"Südkorea\", color: \"#7dd1c3\", offsetX: -35, offsetY: -12 },\n { label: \"USA\", color: \"#e0904f\", offsetY: 0 },\n { label: \"Deutschland\", color: \"#b6b6be\", offsetY: -12, offsetX: -45 },\n { label: \"Schweiz\", color: \"#c73530\" },\n { label: \"Spanien\", color: \"#ebbd22\", offsetY: -12, offsetX: -15 },\n { label: \"Frankreich\", color: \"#38A650\", offsetY: -12, offsetX: -85 },\n { label: \"Grossbritannien\", color: \"#AD4BAC\", offsetY: 10, offsetX: -110 }\n ],\n // I tried using logScale.ticks(3), but that proved rather unsatisfactory\n labels: [20, 100, 1000, 10000, 100000]\n };\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":666,"value":"md`## Preview (nicht herunterladen)`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":672,"value":"svgToCanvas(await LogDeathsMW(), 1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"md`## Mobile-width Grafik`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"mwConf = {\n return {\n width: 380,\n height: 310,\n left: 60,\n bottom: 25\n };\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":528,"value":"logChartDeathsMW = svgToCanvas(await LogDeathsMW(), 3)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"function LogDeathsMW() {\n const svgNode = svg`\n`;\n\n dayLabels(svgNode, mwConf);\n yLabels(svgNode, mwConf);\n conf.countries.forEach(c => {\n lineForCountry(c, svgNode, mwConf);\n labelForCountry(c, svgNode, mwConf);\n });\n return svgNode;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":252,"value":"md`## Content-width Grafik`","pinned":false,"hidden":false,"mode":"ojs"},{"id":224,"value":"cwConf = {\n return {\n width: 637,\n height: 422,\n left: 60,\n bottom: 25\n };\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":525,"value":"logChartDeathsCW = svgToCanvas(await LogDeathsCW(), 3)","pinned":true,"hidden":false,"mode":"ojs"},{"id":228,"value":"function LogDeathsCW() {\n const svgNode = svg`\n`;\n\n dayLabels(svgNode, cwConf);\n yLabels(svgNode, cwConf);\n conf.countries.forEach(c => {\n lineForCountry(c, svgNode, cwConf);\n labelForCountry(c, svgNode, cwConf);\n });\n return svgNode;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":360,"value":"logScale = d3.scaleSymlog().domain([min, max])","pinned":false,"hidden":false,"mode":"ojs"},{"id":554,"value":"dayScale = d3\n .scaleLinear()\n .domain([0, maxDay])\n .nice()","pinned":true,"hidden":false,"mode":"ojs"},{"id":442,"value":"function labelForCountry(c, svgNode, spec) {\n let countryData = data.filter(d => d[c.label]);\n let endPoint = countryData.slice(-1)[0][c.label];\n let endDay = countryData.slice(-1)[0].Tag;\n\n d3.select(svgNode)\n .select(\"#lines\")\n .append(\"text\")\n .style(\"font-family\", \"GTAmerica-Regular, GTAmericaRegular, 'GT America'\")\n .style(\"font-size\", 14)\n .attr(\"x\", xScale(endDay, spec) + 6 + (c.offsetX || 0))\n .attr(\"y\", yScale(endPoint, spec) + 5 - (c.offsetY || 0))\n .attr(\"fill\", c.color)\n .text(c.label);\n\n d3.select(svgNode)\n .select(\"#lines\")\n .append(\"circle\")\n .attr(\"cx\", xScale(endDay, spec))\n .attr(\"cy\", yScale(endPoint, spec))\n .attr(\"r\", 4)\n .attr(\"fill\", c.color)\n .text(c.label);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"function lineForCountry(c, svgNode, spec) {\n let countryData = data.filter(d => d[c.label]);\n\n d3.select(svgNode)\n .select(\"#lines\")\n .append(\"path\")\n .datum(countryData)\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", c.color)\n .attr(\"stroke-width\", 2)\n .attr(\n \"d\",\n d3\n .line()\n .x(function(d) {\n return xScale(d.Tag, spec);\n })\n .y(function(d) {\n return yScale(d[c.label], spec);\n })\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"function dayLabels(svgNode, spec) {\n let tage = dayScale.ticks(5);\n tage.forEach(tag => {\n d3.select(svgNode)\n .select(\"#dayLabels\")\n .append(\"text\")\n .attr(\"x\", xScale(tag, spec))\n .attr(\"y\", spec.height)\n .style(\"font-family\", \"GTAmerica-Regular, GTAmericaRegular, 'GT America'\")\n .style(\"font-size\", 14)\n .attr(\"text-anchor\", tag === 0 ? \"start\" : \"middle\")\n .text(tag);\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"function yLabels(svgNode, spec) {\n const format = d3.format(\",.2f\");\n conf.labels.forEach(label => {\n d3.select(svgNode)\n .select(\"#yLabels\")\n .append(\"line\")\n .attr(\"x1\", spec.left)\n .attr(\"x2\", spec.width)\n .attr(\"y1\", yScale(label, spec))\n .attr(\"y2\", yScale(label, spec))\n .attr(\"stroke\", \"#000000\")\n .attr(\"stroke-width\", 0.5);\n\n d3.select(svgNode)\n .select(\"#yLabels\")\n .append(\"text\")\n .attr(\"text-anchor\", \"end\")\n .attr(\"x\", 55)\n .attr(\"y\", yScale(label, spec) + 5)\n .style(\"font-family\", \"GTAmerica-Regular, GTAmericaRegular, 'GT America'\")\n .style(\"font-size\", 14)\n .text(\n format(label)\n .split('.')[0]\n .replace(',', ' ')\n );\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"function yScale(value, spec) {\n if (value == null) {\n return null;\n }\n let scale = logScale.range([spec.height - spec.bottom, 0]);\n return scale(value);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":109,"value":"function xScale(value, spec) {\n let scale = dayScale.range([spec.left, spec.width - 20]);\n\n return scale(value);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"data = {\n let d = d3.csvParse(\n await FileAttachment(\"log-chart-dead-2020-07-09.csv\").text()\n );\n d.map(day => {\n Object.keys(day).forEach(country => {\n if (day[country] == \"NA\") {\n day[country] = null;\n } else {\n day[country] = parseInt(day[country]);\n }\n });\n return day;\n });\n return d;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":520,"value":"import {svgToCanvas} from \"@jonasoesch/nzz-utils\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":271,"value":"getLabelXAxisAt = (y, spec) => svg`\n\t\tTage seit dem Auftreten des 20. Falls\n\t`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}