30:T4c3,mychart2 = { // for Observable Cell const wrapper = html`

`; const container = html`

` wrapper.appendChild(container); yield wrapper; // Step 1: declare Chart instance const chart = new G2.Chart({ container, // specify DOM element width: width, height: 600, }); // const mydata = [].concat( // Object.values(data["/Japan"].days).map(d => { d.region = "Japan"; return d }), // Object.values(data["/Germany"].days).map(d => { d.region = "Germany"; return d }) // ) var mydata = []; Object.values(data).forEach(d => { if(d.province != "") return; Object.values(d.days).forEach(j => { j.region = d.region; // j.confirmedDayOnDay = j.confirmedDayOnDay > 0 ? j.confirmedDayOnDay : 0; mydata.push(j) }) }); mydata = mydata.filter(d => { return d.maxConfirmed > 1000 }); console.log(mydata) chart.data(mydata) chart.scale({ date: { nice: true, type: "time", }, confirmedDayOnDay: { nice: true, }, }); chart.line() .position("date*newCases") .color("region") .shape("smooth") chart.render() }31:T733,data = { const data = {} const keys = Object.keys(confirmedData[0]) const metaData = ['Province/State', 'Country/Region', 'Lat', 'Long'] confirmedData.forEach(d => { const slug = d['Province/State'] + "/" + d['Country/Region'] const days = {}; let yesterday = 0; let maxConfirmed = 0; let lastValues = []; keys.forEach(k => { if(metaData.indexOf(k) > -1) return; const date = moment(k, "MM/D/YY") const today = parseInt(d[k]); let confirmedDayOnDay3DayRolling = 0; if(lastValues.length > 1) { confirmedDayOnDay3DayRolling = (today/lastValues[lastValues.length-2] - 1)/3 } days[date.format("YYYY-MM-DD")] = { date: date.format("YYYY-MM-DD"), confirmed: today, confirmedDayOnDay: yesterday ? today/yesterday - 1: 0, maxConfirmed:maxConfirmed, confirmedDayOnDay3DayRolling, newCases: today - yesterday, }; maxConfirmed = today > maxConfirmed ? today : maxConfirmed; yesterday = today; lastValues.push(today); }); data[slug] = { province: d['Province/State'], region: d['Country/Region'], maxConfirmed, days, } }) deathsData.forEach(d => { let yesterday = 0; const slug = d['Province/State'] + "/" + d['Country/Region'] keys.forEach(k => { if(metaData.indexOf(k) > -1) return; const date = moment(k, "MM/D/YY") const datestamp = date.format("YYYY-MM-DD"); const today = parseInt(d[k]); data[slug].days[datestamp].deaths = today; data[slug].days[datestamp].deathsDayOnDay = yesterday ? today/yesterday - 1: 0; }); }); return data }32:[] 2e:{"title":"Covid-19 Growth Rate","cells":[{"id":0,"value":"md`# Covid-19 Growth Rate\n\nMy own stab at the coronavirus data.\n\nData from Johns Hopkins (https://github.com/CSSEGISandData/COVID-19/)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"md`## Day on Day increase in Germany`","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"mychart = {\n // for Observable Cell\n const wrapper = html`

`;\n const container = html`

`\n wrapper.appendChild(container);\n yield wrapper;\n \n // Step 1: declare Chart instance\n const chart = new G2.Chart({\n container, // specify DOM element\n width: width,\n height: 600,\n });\n \n chart.data(Object.values(data[\"/Germany\"].days))\n \n chart.scale({\n date: {\n nice: true,\n type: \"time\",\n },\n confirmedDayOnDay: {\n nice: true,\n },\n });\n \n \n chart.line()\n .position(\"date*confirmedDayOnDay\")\n .color(\"#4FAAEB\")\n .shape(\"smooth\")\n \n chart.render()\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"md`## Daily new cases in countries with more than 1000 total cases to date`","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":161,"value":"md`## Day on Day (%) increase in countries with more than 1000 total cases to date`","pinned":true,"hidden":false,"mode":"ojs"},{"id":155,"value":"mychart3 = {\n // for Observable Cell\n const wrapper = html`

`;\n const container = html`

`\n wrapper.appendChild(container);\n yield wrapper;\n \n // Step 1: declare Chart instance\n const chart = new G2.Chart({\n container, // specify DOM element\n width: width,\n height: 600,\n });\n \n \n var mydata = [];\n \n Object.values(data).forEach(d => {\n if(d.province != \"\") return;\n Object.values(d.days).forEach(j => { \n j.region = d.region;\n // j.confirmedDayOnDay = j.confirmedDayOnDay > 0 ? j.confirmedDayOnDay : 0;\n mydata.push(j)\n })\n \n });\n \n mydata = mydata.filter(d => {\n return d.maxConfirmed > 1000\n });\n \n console.log(mydata)\n chart.data(mydata)\n \n chart.scale({\n date: {\n nice: true,\n type: \"time\",\n },\n confirmedDayOnDay: {\n nice: true,\n },\n });\n \n \n chart.line()\n .position(\"date*confirmedDayOnDay\")\n .color(\"region\")\n .shape(\"smooth\")\n \n chart.render()\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":165,"value":"nameMapper = {\n // https://github.com/CSSEGISandData/COVID-19/issues/482#issuecomment-602082663\n return {\n \"Mainland China\": \"China\",\n \"The Bahamas\": \"Bahamas\",\n \"Bahamas, The\": \"Bahamas\",\n \"Congo (Brazzaville)\": \"Congo\",\n \"Congo (Kinshasa)\": \"Congo\",\n \"The Gambia\": \"Gambia\",\n \"Gambia, The\": \"Gambia\",\n \"Hong Kong\": \"Hong Kong SAR\",\n \"Iran (Islamic Republic of)\": \"Iran\",\n \"Korea, South\": \"South Korea\",\n \"Macao SAR\": \"Macao\",\n \"Republic of Ireland\": \"Ireland\",\n \"Republic of Korea\": \"South Korea\",\n \"Republic of Moldova\": \"Moldova\",\n \"Republic of the Congo\": \"Congo\",\n \"Russian Federation\": \"Russia\",\n \"Taipei and environs\": \"Taiwan\",\n \"Taiwan*\": \"Taiwan\",\n \"Viet Nam\": \"Vietnam\"\n}\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"confirmedData = d3.csv(\"https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_time_series/time_series_19-covid-Confirmed.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"deathsData = d3.csv(\"https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_time_series/time_series_19-covid-Deaths.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"moment = require(\"moment\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"G2 = require(\"@antv/g2\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}