2d:null 2e:["$","title",null,{"children":"COVID-19 — India and States | వీవెన్ | Observable"}] 33:T730,function makeChart(data) { let svg = d3.create('svg').attr('class', 'chart').attr('width', cwidth).attr('height', height); const x = d3.scaleTime() .domain(d3.extent(data.values, d => d.date)) .range([margin.left, cwidth - margin.right]) ; const y = d3.scaleLinear() .domain([0, data.total]) .range([height - margin.bottom, margin.top]) .nice() ; const stacked = d3.stack().keys(['Active', 'Deceased', 'Recovered'])(data.values); const area = d3.area() .x(d => x(d.data.date)) .y0(d => y(d[0])) .y1(d => y(d[1])) .curve(d3.curveStepBefore) ; svg.append('g').selectAll('path') .data(stacked).join('path') .attr('class', d => d.key) .attr('d', d => area(d)) //.attr('fill', 'steelblue') ; svg.append('g').selectAll('line').data(x.ticks(d3.timeDay)).join('line') .attr('x1', d => x(d)) .attr('x2', d => x(d)) .attr('y1', margin.top) .attr('y2', height - margin.bottom) .attr('stroke', 'white') .attr('stroke-width', .5) ; // axis svg.append('g') .attr('transform', 'translate(0, ' + (height - margin.bottom) + ')') .call(d3.axisBottom(x).ticks(d3.timeWeek)) .call(function(g) { g.selectAll('.domain').remove()}) .selectAll('.tick') .attr('stroke-width', 1.5) .filter(d => d.valueOf() != d3.timeSunday.every(3)(d).valueOf()) .attr('stroke-width', .5) .select('text').style('display', 'none') ; svg.append('g') .attr('transform', 'translate(' + (cwidth - margin.right) + ', 0)') .call(d3.axisRight(y).ticks(6, 's')) .selectAll('.domain').remove() ; svg.append('text') .text(states.get(data.key)) .attr('class', 'state-label') .attr('x', 6) .attr('y', 24) .append('tspan') .text(': ' + countFormat(data.total)) ; return svg.node(); }34:[] 31:{"id":"a4edaaf23e57ea3d","slug":"covid-19-india-and-states","title":"COVID-19 — India and States","thumbnail":"992debe3c934d07034b2863fe96329d375ea843e37613703c44c4875a0f3fd3b","access_level":"public","create_time":"$D2020-04-26T11:59:30.153Z","update_time":"$D2020-10-06T12:00:56.509Z","view_time":null,"first_public_time":"$D2020-04-26T18:46:29.253Z","has_unpublished_edits":null,"fork":{"id":"96aed6d85352d31d","slug":"covid-19-india-and-states-daily-change","title":"COVID-19 — India and States Daily Change","owner":{"id":"9072823fe9d379f2","login":"veeven","name":"వీవెన్"}},"stars":0,"starred":false,"owner":{"type":"team","id":"9072823fe9d379f2","login":"veeven","name":"వీవెన్","avatar_url":"https://avatars-next.observableusercontent.com/c857fc38aefa0e86178487179f5b3ee50a45c0bf0b00ab6d89a34d096a9dfbf0","tier":"starter_2024"},"version":760,"publish_version":760,"role":null,"authored":false,"authors":[{"type":"individual","id":"ad0d391dc4298470","login":"veeven","name":"వీవెన్","avatar_url":"https://avatars-next.observableusercontent.com/c857fc38aefa0e86178487179f5b3ee50a45c0bf0b00ab6d89a34d096a9dfbf0","tier":null}],"members":[{"type":"individual","id":"ad0d391dc4298470","login":"veeven","name":"వీవెన్","avatar_url":"https://avatars-next.observableusercontent.com/c857fc38aefa0e86178487179f5b3ee50a45c0bf0b00ab6d89a34d096a9dfbf0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"c0ada5416d627c1c","slug":"covid-19","title":"covid-19","owner":{"id":"9072823fe9d379f2","login":"veeven","name":"వీవెన్"}},"type":"notebook","body":{"title":"COVID-19 — India and States","cells":[{"id":0,"value":"md `# COVID-19 — India and States`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":683,"value":"html `Active, Deceased, and Recovered cases for India, states, and union territories as of ${data[0].values.slice(-1)[0].date.toFormat('MMMM dd, yyyy')}.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":496,"value":"html `

\n ${data.filter(d => d.total > 35).map(d => html `${makeChart(d)}\n

`)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":541,"value":"html `\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"md `## Chart config/functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":492,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"margin = ({top: 6, right: 36, bottom: 16, left: 0})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":577,"value":"cwidth = width > 600 ? width / 2 : width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"height = Math.floor(cwidth * 0.55)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"md `## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"rawdata = (await d3.json('https://api.covid19india.org/states_daily.json')).states_daily","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"states = new Map(\n (await d3.csv('https://api.covid19india.org/csv/latest/state_wise.csv'))\n .map(s => [s.State_code.toLowerCase(), s.State == 'Total' ? 'India' : s.State])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"flatdata = d3.merge(\n rawdata.map(\n r => d3.entries(r)\n .filter(\n e => e.key != 'date'\n && e.key != 'status'\n )\n .map(\n e => ({\n date: luxon.DateTime.fromFormat(r.date, 'dd-MMM-yy')\n , status: r.status\n , state: e.key\n , value: +e.value\n })\n )\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"datamap = d3.nest()\n .key(d => d.state)\n .key(d => d.status)\n .rollup(\n leaves => leaves.map(\n (l, i, a) => ({\n date: l.date\n , value: l.value\n , growthfactor: (i === 0 || a[i -1].value === 0) ? 0 : l.value / a[i - 1].value\n , cumulative: d3.sum(a.slice(0, i+1), d => d.value)\n })\n )\n )\n .map(flatdata)\n;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"data = {\n \n let z = [];\n datamap.each((sv, sk, sm) => {\n \n let values = sv.get('Confirmed').map((d, i, a) => ({ \n date: d.date\n , Active: d.cumulative - sm.get(sk).get('Recovered')[i].cumulative - sm.get(sk).get('Deceased')[i].cumulative\n , Recovered: sm.get(sk).get('Recovered')[i].cumulative\n , Deceased: sm.get(sk).get('Deceased')[i].cumulative\n })\n ); \n z.push({key: sk, total: d3.max(sv.get('Confirmed'), a => a.cumulative), values: values});\n });\n return z\n .sort((a, b) => d3.descending(a.total, b.total))\n ;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"countFormat = d3.format(',')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md `## Imports & Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"luxon = require('luxon@1/build/amd/luxon.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"