2d:null 2e:["$","title",null,{"children":"భారతదేశంలో కోవిడ్-19 | వీవెన్ | Observable"}] 33:T64a,{ const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); drawLockdowns(svg); drawDailyChanges(svg); drawXAxis(svg); 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) ; // Y axis svg.append('g').attr('transform', 'translate(' + (width - margin.right) + ', 0)') .call(d3.axisRight(yDaily).ticks(10, 's')) .call(g => g.selectAll('.domain').remove()) ; // predictions /* svg.append('g').append('path') .datum(extrapolator(timeseries.map(d => [d.date, d.dailyconfirmed]))) .attr('d', d3.line().x(d => x(d[0])).y(d => yDaily(d[1]))) .attr('fill', 'none') .attr('stroke-width', 2) .attr('stroke-dasharray', '4 4') .attr('stroke', color('dailyconfirmed')) ; svg.append('g').append('path') .datum(extrapolator(timeseries.map(d => [d.date, d.dailyrecovered]))) .attr('d', d3.line().x(d => x(d[0])).y(d => yDaily(d[1]))) .attr('fill', 'none') .attr('stroke-width', 2) .attr('stroke-dasharray', '4 4') .attr('stroke', color('dailyrecovered')) ; svg.append('g').append('path') .datum(extrapolator(timeseries.map(d => [d.date, d.dailydeceased]))) .attr('d', d3.line().x(d => x(d[0])).y(d => yDaily(d[1]))) .attr('fill', 'none') .attr('stroke-width', 2) .attr('stroke-dasharray', '4 4') .attr('stroke', color('dailydeceased')) ; */ drawLegends(svg); return svg.node(); }34:Taec,{ const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]).style('background', 'white'); //drawDailyChanges(svg); let data_cr = timeseries.map(i => ({ date: i.date , confirmed: i['dailyconfirmed'] , recovered: i['dailyrecovered'] })); const area_recovered2top = d3.area() .x(d => x(d.date)) .y0(d => yDaily(d.recovered)) .y1(d => yDaily.range()[1]) .curve(d3.curveStepBefore) ; const area_recovered2bottom = d3.area() .x(d => x(d.date)) .y0(d => yDaily(d.recovered)) .y1(d => yDaily.range()[0]) .curve(d3.curveStepBefore) ; const area_confirmed2top = d3.area() .x(d => x(d.date)) .y0(d => yDaily(d.confirmed)) .y1(d => yDaily.range()[1]) .curve(d3.curveStepBefore) ; const area_confirmed2bottom = d3.area() .x(d => x(d.date)) .y0(d => yDaily(d.confirmed)) .y1(d => yDaily.range()[0]) .curve(d3.curveStepBefore) ; // recovered less than confirmed svg.append('clipPath').attr('id', 'recovered2top').append('path') .datum(data_cr) .attr('d', area_recovered2top) ; svg.append('path') .datum(data_cr) .attr('clip-path', 'url(#recovered2top)') .attr('d', area_confirmed2bottom) .attr('fill', 'red') .attr('opacity', 0.5) ; // recovered more than confirmed svg .append('clipPath').attr('id', 'confirmed2top') .append('path') .datum(data_cr) .attr('d', area_confirmed2top) ; svg.append('path') .datum(data_cr) .attr('clip-path', 'url(#confirmed2top)') .attr('d', area_recovered2bottom) .attr('fill', 'green') .attr('opacity', 0.5) ; drawXAxis(svg); // day lines (white) 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) ; // gridlines svg.append('g').selectAll('line').data(yDaily.ticks(10)).join('line') .attr('x1', x.range()[0]) .attr('x2', x.range()[1]) .attr('y1', d => yDaily(d)) .attr('y2', d => yDaily(d)) .attr('fill', 'none') .attr('stroke', '#9996') ; /* // recovered line svg.append('path') .datum(data_cr) .attr('d', area_recovered2bottom.lineY0()) .attr('fill', 'none') .attr('stroke', 'green') ; // confirmed line svg.append('path') .datum(data_cr) .attr('d', area_confirmed2bottom.lineY0()) .attr('fill', 'none') .attr('stroke', 'red') ; */ // Y axis svg.append('g').attr('transform', 'translate(' + (width - margin.right) + ', 0)') .call(d3.axisRight(yDaily).ticks(10, 's')) .call(g => g.selectAll('.domain').remove()) ; return svg.node(); }35:T4d9,{ const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); //drawLockdowns(svg); let line = d3.line() .x(d => x(d[0])) .y(d => yDailyDeaths(d[1])) .curve(d3.curveStepAfter) .defined(d => d[1]) ; // gridlines svg.append('g').selectAll('line').data(yDailyDeaths.ticks(10)).join('line') .attr('x1', x.range()[0]) .attr('x2', x.range()[1]) .attr('y1', d => yDailyDeaths(d)) .attr('y2', d => yDailyDeaths(d)) .attr('fill', 'none') .attr('stroke', '#9996') ; svg.append('g').append('path') .attr('d', line(timeseries.map(d => [d.date, d.dailydeceased]))) .attr('fill', 'none') .attr('stroke', '#ff073a') .attr('stroke-width', 2.5) ; drawXAxis(svg); svg.append('g').attr('transform', 'translate(' + (width - margin.right) + ', 0)') .call(d3.axisRight(yDailyDeaths).ticks(10)) .select('.domain').remove() ; // prediction /* svg.append('g').append('path') .datum(extrapolator(cumuGrowthData)) .attr('d', d3.line().x(d => x(d[0])).y(d => yCumuGrowth(d[1]))) .attr('fill', 'none') .attr('stroke-width', 2.5) .attr('stroke-dasharray', '4 4') .attr('stroke', 'steelblue') ; */ return svg.node(); }36:T46e,{ const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); //drawLockdowns(svg); let yCumulativeActive = d3.scaleLinear() .domain([0, d3.max(timeseries, d => d.totalactive)]) .range([height - margin.bottom, margin.top]) .nice() ; let line = d3.line() .x(d => x(d[0])) .y(d => yCumulativeActive(d[1])) .curve(d3.curveStepAfter) .defined(d => d[1]) ; // gridlines svg.append('g').selectAll('line').data(yCumulativeActive.ticks(10)).join('line') .attr('x1', x.range()[0]) .attr('x2', x.range()[1]) .attr('y1', d => yCumulativeActive(d)) .attr('y2', d => yCumulativeActive(d)) .attr('fill', 'none') .attr('stroke', '#9996') ; svg.append('g').append('path') .attr('d', line(timeseries.map(d => [d.date, d.totalactive]))) .attr('fill', 'none') .attr('stroke', '#999') .attr('stroke-width', 2.5) ; drawXAxis(svg); svg.append('g').attr('transform', 'translate(' + (width - margin.right) + ', 0)') .call(d3.axisRight(yCumulativeActive).ticks(10, 's')) .select('.domain').remove() ; return svg.node(); }37:T5f4,chart = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); drawLockdowns(svg); drawStacked(svg); drawLegends(svg); drawDoublings(svg); drawXAxis(svg); // Y axis svg.append('g').attr('transform', 'translate(' + (width - margin.right) + ', 0)') .call(yAxis.ticks(10, 's')) .call(g => g.selectAll('.domain').remove()) ; // predictions /* const pline = d3.line().x(d => x(d[0])).y(d => y(d[1])); svg.append('g').append('path') .datum(extrapolator(timeseries.map(d => [d.date, d.totalconfirmed]))) .attr('d', pline) .attr('fill', 'none') .attr('stroke-width', 2) .attr('stroke-dasharray', '4 4') .attr('stroke', 'purple') ; svg.append('g').append('path') .datum(extrapolator(timeseries.map(d => [d.date, d.totalactive]))) .attr('d', pline) .attr('fill', 'none') .attr('stroke-width', 2) .attr('stroke-dasharray', '4 4') .attr('stroke', 'silver') ; svg.append('g').append('path') .datum(extrapolator(timeseries.map(d => [d.date, d.totalrecovered]))) .attr('d', pline) .attr('fill', 'none') .attr('stroke-width', 2) .attr('stroke-dasharray', '4 4') .attr('stroke', color('totalrecovered')) ; svg.append('g').append('path') .datum(extrapolator(timeseries.map(d => [d.date, d.totaldeceased]))) .attr('d', pline) .attr('fill', 'none') .attr('stroke-width', 2) .attr('stroke-dasharray', '4 4') .attr('stroke', color('totaldeceased')) ; */ return svg.node(); }38:T922,{ const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); drawDailyConfirmedPale (svg); drawLockdowns(svg); let growthdata = timeseries.slice(1, timeseries.length).filter(d => d.dailyconfirmed); let yGrowth = d3.scaleLinear() .domain(d3.extent(growthdata, d => d.growthconfirmed)) .range([height - margin.bottom, margin.top]) .nice() ; let growthLine = d3.line() .x(d => x(d.date)) .y(d => yGrowth(d.growthconfirmed)) .curve(d3.curveMonotoneX) ; // gridlines svg.append('g').selectAll('line').data(yGrowth.ticks()).join('line') .attr('x1', x.range()[0]) .attr('x2', x.range()[1]) .attr('y1', d => yGrowth(d)) .attr('y2', d => yGrowth(d)) .attr('fill', 'none') .attr('stroke', '#9996') ; svg.append('g').append('path') .attr('d', growthLine(growthdata)) .attr('fill', 'none') .attr('stroke', 'steelblue') .attr('stroke-width', 0) // 1 line .select(function() { return this.parentNode;}) .append('line') .attr('x1', x.range()[0]) .attr('x2', x.range()[1]) .attr('y1', yGrowth(1)) .attr('y2', yGrowth(1)) .attr('fill', 'none') .attr('stroke', 'red') ; /* svg.append('g').selectAll('circle').data(growthdata).join('circle') .attr('r', 3) .attr('cx', d => x(d.date)) .attr('cy', d => yGrowth(d.growthconfirmed)) .attr('fill', d => d.date.getDay() == 1 ? 'lavender' : d.date.getDay() == 2 ? 'lavender' : 'steelblue') ; */ svg.append('g').selectAll('circle').data(growthdata).join('circle') .attr('r', 3) .attr('cx', d => x(d.date)) .attr('cy', d => yGrowth(d.growthconfirmedAdj)) .attr('fill', d => d.date.getDay() == 1 ? 'lightsteelblue' : d.date.getDay() == 2 ? 'blue' : 'steelblue') ; drawXAxis(svg); svg.append('g').attr('transform', 'translate(' + (width - margin.right) + ', 0)') .call(d3.axisRight(yGrowth).ticks(10)) .select('.domain').remove() ; // prediction /* svg.append('g').append('path') .datum(extrapolator(growthdata.map(d => [d.date, d.growthconfirmed]))) .attr('d', d3.line().x(d => x(d[0])).y(d => yGrowth(d[1]))) .attr('fill', 'none') .attr('stroke-width', 2.5) .attr('stroke-dasharray', '4 4') .attr('stroke', 'steelblue') ; */ return svg.node(); }39:Ta27,{ const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]).style('background-color', 'white'); //drawLockdowns(svg); let ySamples = d3.scaleLinear() .domain([0, d3.max(testsdata, i => i.samples)]) .range([height - margin.bottom, margin.top]) //.nice() ; let yPositiveRate = d3.scaleLinear() .domain([0, 11]) .range([height - margin.bottom, margin.top]) ; let line = d3.area() .x(d => x(d[0])) .y0(d => ySamples(d[1])) .y1(ySamples(0)) .curve(d3.curveStepBefore) .defined(d => d[1]) ; let linePositiveRate = d3.line() .x(d => x(d[0])) .y(d => yPositiveRate(d[1])) .curve(d3.curveMonotoneX) .defined(d => d[1]) ; // gridlines svg.append('g').selectAll('line').data(ySamples.ticks(10)).join('line') .attr('x1', x.range()[1]/2) .attr('x2', x.range()[1]) .attr('y1', d => ySamples(d)) .attr('y2', d => ySamples(d)) .attr('fill', 'none') .attr('stroke', '#9996') ; svg.append('g').selectAll('line').data(yPositiveRate.ticks(6)).join('line') .attr('x1', 24) .attr('x2', x.range()[1]) .attr('y1', d => yPositiveRate(d)) .attr('y2', d => yPositiveRate(d)) .attr('fill', 'none') .attr('stroke', '#f003') ; svg.append('g').append('path') .attr('d', line(testsdata.map(d => [d.date, d.samples]))) .attr('fill', '#ccc') //.attr('stroke', '#999') //.attr('stroke-width', 2.5) ; svg.append('g').append('path') .attr('d', linePositiveRate(testsdata.map(d => [d.date, d.positiveRate]))) .attr('fill', 'none') .attr('stroke', 'red') .attr('stroke-width', 1.5) ; drawXAxis(svg); svg.append('g').attr('transform', 'translate(' + (width - margin.right) + ', 0)') .call(d3.axisRight(ySamples).ticks(10, d3.format(',s'))) .select('.domain').remove() ; svg.append('g').attr('transform', 'translate(' + (30) + ', .0)') .call(d3.axisLeft(yPositiveRate).ticks(6).tickSize(12)) .call(n => { console.log('TESTSDATA', this, n); n.select('.domain').remove(); n.select('.tick').remove(); // only the first one n.selectAll('line').style('stroke', 'red'); n.selectAll('text').style('color', 'red'); } ) ; svg.append('text') .attr('x', 6) .attr('y', 18) .text('పాజిటివిటీ రేటు (%)') .style('fill', 'red') ; svg.append('text') .attr('x', width - 6) .attr('y', 18) .text('పరీక్షలు (నమూనాలు)') .attr('text-anchor', 'end') ; return svg.node(); }3a:T48f,function drawLegend(g) { g.attr( "transform", (d, i) => "translate(" + margin.left + ", " + (i * 20 + 12) + ")" ) .append("line") .attr("x2", 10) .attr("stroke", (d) => color(d.key)) .attr("stroke-width", 10); g.append("text") .text((d) => legendTe.get(d.key) + " ") .attr("dx", 16) .attr("dy", 3); g.append("text") .attr("x", 130) .attr("dy", 3) .attr("text-anchor", "end") .text((d) => in_format(+d.value)) .style("font-weight", "bold"); g.append("text") .attr("x", 186) .attr("dy", 3) .attr("text-anchor", "end") .text((d) => deltaFormat( d3.map(timeseries.slice(-3)[0]).get(d.key.replace("total", "daily")) ) ); g.append("text") .attr("x", 244) .attr("dy", 3) .attr("text-anchor", "end") .text((d) => deltaFormat( d3.map(timeseries.slice(-3)[1]).get(d.key.replace("total", "daily")) ) ); g.append("text") .attr("x", 302) .attr("dy", 3) .attr("text-anchor", "end") .text((d) => deltaFormat( d3.map(timeseries.slice(-1).pop()).get(d.key.replace("total", "daily")) ) ); }3b:T759,timeseries = { let ts = alldata.cases_time_series .map((d, i, o) => { d.dateString = !d.dateString ? d.date : d.dateString; d.date = new Date(d.dateymd); d.dailyconfirmed = +d.dailyconfirmed; d.dailydeceased = +d.dailydeceased; d.dailyrecovered = +d.dailyrecovered; d.dailyactive = d.dailyconfirmed - d.dailyrecovered - d.dailydeceased; d.totalactive = d.totalconfirmed - d.totalrecovered - d.totaldeceased; d.growthconfirmed = i === 0 ? '' : d.dailyconfirmed/o[i - 1].dailyconfirmed; // Adjusted Growth: For Tuesday's growth, ignore Monday number, consider Sunday's d.growthconfirmedAdj = i === 0 ? '' : d.dailyconfirmed/o[i - (d.date.getDay() === 2 /* Tuesday */ ? 2 : 1)].dailyconfirmed; d.totalconfirmed = +d.totalconfirmed; return d; }) .filter(d => d.date > new Date('2020-05-31')) ; //Source started including latest date data if ( //ts.slice(-1).pop().date < (new Date()) - (24*60*60*1000) ts.slice(-1).pop().date.getDate() !== lastUpdatedDateTime.getDate() && lastUpdatedDateTime.getHours() >= 1 ) { ts = ts .concat({ dailyconfirmed: +todayData.deltaconfirmed , dailydeceased: +todayData.deltadeaths , dailyrecovered: +todayData.deltarecovered , dailyactive: (+todayData.deltaconfirmed - todayData.deltadeaths - todayData.deltarecovered) || null , date: new Date(ts.slice(-1).pop().date.valueOf() + 24*60*60*1000) , totalconfirmed: +todayData.confirmed , totaldeceased: +todayData.deaths , totalrecovered: +todayData.recovered , totalactive: (+todayData.confirmed - todayData.recovered - todayData.deaths) , growthconfirmed: +todayData.deltaconfirmed / ts[ts.length - 1].dailyconfirmed }) ; } ts.sort((a, b) => d3.ascending(a.date, b.date)); return ts; }3c:[] 31:{"id":"4f9702d574a77b77","slug":"covid-19-in-india","title":"భారతదేశంలో కోవిడ్-19","thumbnail":"34091749c8443459e313e2cca920959e83397b10705e8aad5335de8a9b844d6b","access_level":"public","create_time":"$D2020-03-25T07:15:26.347Z","update_time":"$D2021-05-18T04:26:00.283Z","view_time":null,"first_public_time":"$D2020-03-29T16:38:38.745Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"9072823fe9d379f2","login":"veeven","name":"వీవెన్","avatar_url":"https://avatars-next.observableusercontent.com/c857fc38aefa0e86178487179f5b3ee50a45c0bf0b00ab6d89a34d096a9dfbf0","tier":"starter_2024"},"version":3008,"publish_version":3008,"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":1,"collection":{"id":"99f79a11767435be","slug":"untitled","title":"తెలుగు","owner":{"id":"9072823fe9d379f2","login":"veeven","name":"వీవెన్"}},"type":"notebook","body":{"title":"భారతదేశంలో కోవిడ్-19","cells":[{"id":0,"value":"md`# భారతదేశంలో కోవిడ్-19`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1667,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2570,"value":"md `### రికవరీ రేటు: ${ recoveryrate }\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2834,"value":"md `## రోజువారీ కేసులకు, కోలుకున్నవారి సంఖ్యకు తేడా`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2840,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"html `డేటా మూలం: covid19india.org. చివరి తాజాకరణ:\n ${lastUpdatedDateTime\n .toLocaleString('te', {weekday: 'short', day: 'numeric', month: 'short', year: 'numeric', hour: 'numeric', minute: 'numeric'})\n } `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2673,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2817,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1693,"value":"md`## రోజువారీ పెరుగుదల కారకం\nప్రతీ రోజూ క్రితం రోజు నమోదైన కేసులతో పోలిస్తే ఎంత పెరిగాయో చెప్పేది పెరుగుదల కారకం. ఇది ఎప్పుడూ ఒకటి కంటే ఎక్కువ ఉంటే, ***ఎక్స్‌పొనెన్షియల్ గ్రోత్*** అన్నమాట. ఇది నిలకడగా ఒకటి కంటే తక్కువ ఉంటూంటే, తగ్గుముఖం పడుతున్నట్టు.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1742,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2695,"value":"md `## పరీక్షలు`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2698,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"md`\n## అనుబంధం\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2253,"value":"md `### గీయు ప్రమేయాలు`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2003,"value":"function drawStacked(svg) {\n const stack = d3.stack()\n .keys(['totalactive', 'totaldeceased', 'totalrecovered'])\n ;\n \n const stackArea = d3.area()\n .x(d => x(d.data.date))\n .y0(d => y(d[0]))\n .y1(d => y(d[1]))\n .curve(d3.curveStepBefore)\n ;\n \n console.log(stack(timeseries));\n \n svg.append('g').selectAll('path').data(stack(timeseries)).join('path')\n .attr('class', d => d.key)\n .attr('d', stackArea)\n .attr('fill', d => color(d.key))\n ;\n \n svg.append('g').selectAll('line').data(x.ticks(d3.timeDay)).join('line')\n .attr('x1', d => x(d))\n .attr('x2', d => x(d))\n .attr('y1', margin.top)\n .attr('y2', height - margin.bottom)\n .attr('stroke', 'white')\n ;\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1505,"value":"function drawDailyChanges(svg) {\n svg.append('g').selectAll('path').data(\n ['dailyconfirmed', 'dailyrecovered', 'dailydeceased']\n .map(d => ({\n key: d\n , data: timeseries.map(i => ({\n date: i.date, value: i[d]\n }))\n }))\n )\n .join('path')\n \n // area\n .attr('d', d => dailyChangeArea(d.data)).attr('fill', d => color(d.key))\n .attr('opacity', .4)\n \n // line\n /*\n .attr('d', d => dailyChangeLine(d.data))\n .attr('stroke-width', 2)\n .attr('stroke', d => color(d.key))\n .attr('fill', d => color(d.key))\n .attr('fill-opacity', .3)\n */\n ;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1233,"value":"function drawLockdowns(svg) {\n svg.append('g').selectAll('rect').data(lockdowns).join('rect')\n .attr('x', d => x(d.start))\n .attr('width', d => x(d.end) - x(d.start))\n .attr('y', height - margin.bottom)\n .attr('height', margin.bottom)\n .attr('fill', '#fda')\n .attr('opacity', d => d.intensity)\n ;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1278,"value":"function drawLegends(svg) {\n svg.append('g').selectAll('g').data(d3.entries(timeseries.slice(-1).pop()).filter(d => d.key.search('total') !== -1).sort((a, b) => d3.descending(a.value, b.value))).join('g')\n .call(drawLegend)\n ;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1288,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1877,"value":"function drawDoublings(svg) {\n svg.append('g')\n .selectAll('g').data(doublingRate)\n .join('g')\n .attr('opacity', 0.5)\n .call(addDoublingPoint)\n /*\n .select(function() { return this.parentNode })\n .append('text')\n .attr('x', margin.left + 6)\n .attr('y', y(timeseries.slice(-1)[0].totalconfirmed))\n .text('రెట్టింపు సమయం (రోజులు)')\n .style('font-size', '10px')\n .style('font-family', 'sans-serif')\n */\n ;\n \n function addDoublingPoint(g) {\n g.append('line')\n .attr('x1', d => x(d.date))\n .attr('x2', d => x(d.datePrev))\n .attr('y1', d => y(d.cases))\n .attr('y2', d => y(d.cases))\n .attr('stroke', 'black')\n ;\n \n g.append('text')\n .attr('x', d => x(d.datePrev))\n .attr('y', d => y(d.cases))\n .attr('dy', -2)\n .text(d => d.days)\n .style('font-size', '10px')\n .style('font-family', 'sans-serif')\n ;\n } \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2980,"value":"function drawDailyConfirmedPale(svg) {\n svg.append('g').selectAll('path').data(\n ['dailyconfirmed']\n .map(d => ({\n key: d\n , data: timeseries.map(i => ({\n date: i.date, value: i[d]\n }))\n }))\n )\n .join('path')\n \n // area\n .attr('d', d => dailyChangeArea(d.data)).attr('fill', d => color(d.key))\n .attr('opacity', .16)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":"md`### ప్రమేయాలు, సహాయకాలు`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1331,"value":"format = d3.format(',d')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2792,"value":"in_format = x => x.toLocaleString('en-in')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1353,"value":"deltaFormat = d3.format('+,d')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":972,"value":"dailyChangeLine = d3.line()\n .x(d => x(d.date))\n .y(d => yDaily(d.value))\n .defined(d => d.value)\n .curve(d3.curveStepBefore)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1629,"value":"dailyChangeArea = d3.area()\n .x(d => x(d.date))\n .y0(d => yDaily(0))\n .y1(d => yDaily(d.value))\n .defined(d => d.value)\n //.curve(d3.curveMonotoneX)\n .curve(d3.curveStepBefore)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":767,"value":"function drawXAxis(svg) {\n svg.append('g').attr('transform', 'translate(0, ' + (height - margin.bottom) + ')')\n .call(xAxis.tickFormat(teluguDate))\n .call(g => g.selectAll('.domain').remove())\n // major, minor ticks\n .selectAll('.tick')\n .attr('stroke-width', 1)\n //.filter(d => d.valueOf() != d3.timeMonth(d).valueOf())\n //.attr('stroke-width', .5)\n //.select('text').style('display', 'none')\n ;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":719,"value":"x = d3.scaleTime()\n .domain([d3.min(timeseries, d => d.date), new Date()])\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":763,"value":"xAxis = d3.axisBottom(x)\n //.ticks(d3.timeDay)\n // .tickValues(x.ticks())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":721,"value":"y = d3.scaleLinear()\n .domain([0, todayData.confirmed])\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1499,"value":"yDaily = d3.scaleLinear()\n .domain([0, d3.max(timeseries, d => d3.max([d.dailyconfirmed, d.dailyrecovered, d.deceased]))])\n .range([height - margin.bottom, margin.top])\n .nice()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2671,"value":"yDailyDeaths = d3.scaleLinear()\n .domain([0, d3.max(timeseries, d => d.dailydeceased)])\n .range([height - margin.bottom, margin.top])\n .nice()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2055,"value":"yCumuGrowth = d3.scaleLinear()\n .domain([0, d3.max(cumuGrowthData, d => d[1])])\n .range([height - margin.bottom, margin.top])\n;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":849,"value":"yAxis = d3.axisRight(y)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1323,"value":"legendTe = new Map([\n ['totalconfirmed', 'మొత్తం']\n , ['totalactive', 'చికిత్సలో']\n , ['totalrecovered', 'కోలుకున్నది']\n , ['totaldeceased', 'మరణాలు']\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2538,"value":"teluguDate = d3.timeFormatLocale({\n \"dateTime\": \"%a %b %e %X %Y\",\n \"date\": \"%m/%d/%Y\",\n \"time\": \"%H:%M:%S\",\n \"periods\": [\"తొలి\", \"మలి\"], // కొత్త పదాల ప్రయోగం. చూడండి: http://veeven.wordpress.com/2014/05/30/am-pm-in-telugu/\n \"days\": [\"ఆదివారం\", \"సోమవారం\", \"మంగళవారం\", \"బుధవారం\", \"గురువారం\", \"శుక్రవారం\", \"శనివారం\"],\n \"shortDays\": [\"ఆది\", \"సోమ\", \"మంగళ\", \"బుధ\", \"గురు\", \"శుక్ర\", \"శని\"],\n \"months\": [\"జనవరి\", \"ఫిబ్రవరి\", \"మార్చి\", \"ఏప్రిల్\", \"మే\", \"జూన్\", \"జూలై\", \"ఆగస్టు\", \"సెప్టెంబరు\", \"అక్టోబరు\", \"నవంబరు\", \"డిసెంబరు\"],\n \"shortMonths\": [\"జన\", \"ఫిబ్ర\", \"మార్చి\", \"ఏప్రి\", \"మే\", \"జూన్\", \"జూలై\", \"ఆగ\", \"సెప్టెం\", \"అక్టో\", \"నవం\", \"డిసెం\"]\n}).format('%b')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2586,"value":"recoveryrate = {\n let today = timeseries.slice(-1).pop();\n return d3.format('.2%')(today.totalrecovered / today.totalconfirmed);\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2344,"value":"md `### శైలి`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2347,"value":"html ``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1036,"value":"color = d3.scaleOrdinal()\n .domain([\n 'dailyrecovered'\n , 'dailydeceased'\n , 'dailyconfirmed'\n \n , 'totalrecovered'\n , 'totaldeceased'\n , 'totalactive'\n , 'totalconfirmed'\n ])\n .range([\n '#11aa11' //'#22a833'\n , '#ff073a'\n , '#646'\n \n , '#28a745'\n , '#ff073a'\n , '#ccc'\n , '#999'\n ])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"height = width * .55","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":726,"value":"margin = ({top: 12, right: 38, bottom: 24, left: 0})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2390,"value":"md `### అంచనాలు`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2405,"value":"extrapolator = (data) => d3.timeDay.range(\n //x.domain()[0]\n new Date() - (2*24*60*60*1000)\n , x.domain()[1]).map(i => [i, predictor(data)(i)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2393,"value":"regression = d3.regressionPoly()\n .x(d => d[0])\n .y(d => d[1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2396,"value":"predictor = (data) => regression.order(order)(data).predict","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2398,"value":"order = 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"md`### డేటా`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"alldata = d3.json('https://api.covid19india.org/data.json')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1228,"value":"lockdowns = [\n {start: new Date('2020-03-09'), end: new Date(), desc: 'బంగ్లాదేశ్, మయన్మార్ సరిహద్దు మూసివేత', intensity: .1}\n , {start: new Date('2020-03-13'), end: new Date(), desc: 'బంగ్లాదేశ్, నేపాల్, బూటాన్, మయన్మార్ సరిహద్దుల మూసివేత', intensity: .1}\n , {start: new Date('2020-03-17'), end: new Date('2020-06-07'), desc: 'విద్యాలయాలు, సినిమాహాళ్ళు, పర్యాటక ప్రదేశాలు, దేవాలయాలు, హోటళ్ళు గట్రా మూసివేత', intensity: .3}\n , {start: new Date('2020-03-22'), end: new Date('2020-05-10'), desc: 'రైళ్ళ రద్దు', intensity: .3}\n , {start: new Date('2020-03-22T07:00'), end: new Date('2020-03-22T21:00'), desc: 'జనతా కర్ఫ్యూ', intensity: .6}\n , {start: new Date('2020-03-25'), end: new Date('2020-05-04'), desc: 'లాక్‌డౌన్', intensity: .9}\n , {start: new Date('2020-05-04'), end: new Date('2020-05-18'), desc: 'లాక్‌డౌన్', intensity: .7}\n , {start: new Date('2020-05-18'), end: new Date('2020-06-07'), desc: 'లాక్‌డౌన్', intensity: .5}\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"todayData = alldata.statewise[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3007,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2938,"value":"timeseries.slice(-2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2597,"value":"timeseries\n //.filter(d => \n // d.dailyrecovered > d.dailyconfirmed\n //d.dailyconfirmed < 60000\n // )\n .map(d => [d.date, format(d.dailyconfirmed), format(d.dailyrecovered), format(d.dailydeceased), (d.dailyconfirmed < d.dailyrecovered)])\n .slice(-50).reverse()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2685,"value":"testsdata = alldata.tested.map(i => {\n \n let dateParts = i.testedasof.split('/');\n let date = new Date(dateParts[2] + '-' + dateParts[1] + '-' + dateParts[0]);\n \n return {\n date: date\n , samples: Number.parseInt(i.samplereportedtoday, 10)\n , positiveRate: i.samplereportedtoday ? Number.parseFloat(i.testpositivityrate, 10) : \"\"\n };\n})\n.filter(d => d.date > new Date('2020-04-05') && d.samples)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1980,"value":"lastUpdatedDateTime = {\n let [d, t] = alldata.statewise[0].lastupdatedtime.split(' ');\n d = d.split('/').reverse().join('-');\n return new Date([d, t].join('T'));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2048,"value":"cumuGrowthData = timeseries.map((d, i, a) => [d.date, i === 0 ? '' : (d.totalconfirmed - a[i-1].totalconfirmed)/a[i-1].totalconfirmed])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1811,"value":"doublingRate = {\n const interp = d3.scaleTime()\n .domain(timeseries.map(d => d.date))\n .range(timeseries.map(d => d.totalconfirmed))\n ;\n \n let n = timeseries.slice(-1)[0].totalconfirmed;\n let a = [];\n while (n > 1) {\n a.push(n);\n n = Math.round(n/2);\n }\n a = a.map((d, i, o) => {\n\n let prev = i < o.length - 1 ? o[i + 1] : 0;\n return {\n cases: d\n , date: interp.invert(d)\n , datePrev: interp.invert(prev)\n , days: ((interp.invert(d) - interp.invert(prev))/(24*60*60*1000)).toFixed(1)\n };\n });\n return a.filter(d => d.cases > 1000);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"md`### లైబ్రరీలు`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"d3 = require('d3@5', 'd3-regression@1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3c","stdlib":"1","titling":"auto"}} 32:"$31:body"