31:T657,Plot.plot({ height: 500, width: 800, marginLeft: 50, marginRight: 80, marginBottom: 50, height: 200, x: { domain: [new Date(dateRange[0]), new Date(dateRange[1])] }, y: { label: "부스터샷 접종률 (%)" }, color: { domain: ageKeysMix, range: ageColors }, marks: [ Plot.ruleY([0]), Plot.ruleX([{ Date: new Date("2021-12-1") }], { x: "Date", stroke: "#F8BD56a0" }), Plot.text( [{ Date: new Date("2021-12-1"), text: "거리두기 강화 부스터샷", y: 40 }], { x: "Date", y: "y", dy: -5, text: "text", rotate: -90, fill: "#E14E4E" } ), Plot.line( ageShot2.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "value", stroke: "age", strokeWidth: 1, opacity: 0.4 } ), Plot.line( ageShot3.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "value", stroke: "age", strokeWidth: 2, opacity: 0.8 } ), Plot.text( // ageShot3.filter((d) => d.Date - ageLastDate === 0), d3 .groups( ageShot3.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), (d) => d.age ) .map((d) => d[1].slice(0, 1)) .flat(), { x: "Date", y: "value", textAnchor: "start", dx: "5px", fill: "age", text: (d) => `${d.age}` } ) ] })32:T4b6,{ const vectors = d3 .groups( ageUnitConfirmedGrowthRateData.filter( (d) => d.Date > new Date(moment().subtract(90, "days")) ), (d) => d.age ) .map(([age, data]) => ({ age, diffs: data.map((d) => d.value) })); const sims = vectors .map((v1) => vectors.map((v2) => ({ x: v1.age, y: v2.age, cossim: cossim(v1.diffs, v2.diffs) })) ) .flat(); // return sims; return addTooltips( Plot.plot({ height: 300, width: 400, marginLeft: 50, marginRight: 80, // marginBottom: 50, // x: { domain: [new Date("2021-10-1"), lastDate] }, y: { domain: ageKeys2, label: "", padding: 0 }, x: { domain: ageKeys2, padding: 0, label: "" }, color: { type: "sequential", scheme: "viridis", legend: true, reverse: true }, marks: [ // Plot.ruleY([0]), Plot.cell(sims, { x: "x", y: "y", fill: "cossim", inset: 0 // title: d => `${formatDate(d.Date)}\n${formatUsage(d.usage)} kW` }) ] }) ); }33:T1098,addTooltips( Plot.plot({ marginLeft: 50, marginRight: 50, marginBottom: 50, // x: { domain: [new Date("2021-6-1"), lastDate] }, y: { type: logScaleOption === "로그" ? "log" : "linear" }, y: { label: "확진자수 (7일 평균)", type: logScaleOption === "로그" ? "log" : "linear" }, marks: [ Plot.ruleY([0]), // ...guidelines(7000), Plot.ruleX( [ { Date: new Date("2022-2-3"), text: "PCR 우선 검사자 대상" }, { Date: new Date("2022-3-14"), text: "신속항원검사 양성 확진 인정" } ], { x: "Date", stroke: "#F8BD56a0" } ), Plot.text( [ { Date: new Date("2022-2-3"), text: "PCR 우선 검사자 대상" }, { Date: new Date("2022-3-14"), text: "신속항원검사 양성 확진 인정" } ], { x: "Date", y: 0, dy: -10, dx: 7, text: "text", textAnchor: "start", fontFamily: "pretendard", rotate: -90, fill: "#E14E4E" } ), Plot.areaY( testData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "확진자7일평균", fill: "#5488DB20", strokeWidth: 2 // curve: "catmull-rom" } ), Plot.line( testData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), Plot.windowY({ k: 7, anchor: "start", reduce: "mean", x: "Date", y: "Total", // stroke: "#5488DB", stroke: "#888", strokeWidth: 2, curve: "catmull-rom", title: (d) => `${moment(d.Date).locale("ko").format("ll ddd")}\n${d3.format(",")( d.검사수7일평균.toFixed(0) )}명 검사` // curve: "step" }) ), Plot.line( testData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "Total", stroke: "#8884", strokeDasharray: [2, 2], strokeWidth: 1, curve: "catmull-rom", title: (d) => `${moment(d.Date).locale("ko").format("ll ddd")}\n${d3.format(",")( d.Total.toFixed(0) )}명 검사` } ), Plot.line( testData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), Plot.windowY({ k: 7, anchor: "start", reduce: "mean", x: "Date", y: "신규확진자수", stroke: "#5488DB", strokeWidth: 2, curve: "catmull-rom", title: (d) => `${moment(d.Date).locale("ko").format("ll ddd")}\n${d3.format(",")( d.확진자7일평균.toFixed(0) )}명` // curve: "step" }) ), Plot.text(testData.slice(0, 1), { x: "Date", y: "확진자7일평균", fill: "#5488DB", dx: 5, textAnchor: "start", text: (d) => `${d3.format(",")(d.확진자7일평균.toFixed(0))}명 확진` }), Plot.text(testData.slice(0, 1), { x: "Date", y: "검사수7일평균", fill: "#888", dx: 5, textAnchor: "start", text: (d) => `${d3.format(",")(d.검사수7일평균.toFixed(0))}명 검사` }), Plot.dot( testData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "확진자7일평균", stroke: "#5488DB", strokeWidth: 2, opacity: 0, r: 5, title: (d) => `${moment(d.Date).locale("ko").format("ll ddd")}\n${d3.format(",")( d.확진자7일평균.toFixed(0) )}명` // curve: "catmull-rom" } ) ] }) )34:T6a3,addTooltips( Plot.plot({ marginLeft: 50, marginRight: 50, y: { percent: true, label: "양성률 (%)" }, marks: [ Plot.ruleY([0]), Plot.ruleX( [ { Date: new Date("2022-2-3"), text: "PCR 우선 검사자 대상" }, { Date: new Date("2022-3-14"), text: "신속항원검사 양성 확진 인정" } ], { x: "Date", stroke: "#F8BD56a0" } ), Plot.text( [ { Date: new Date("2022-2-3"), text: "PCR 우선 검사자 대상" }, { Date: new Date("2022-3-14"), text: "신속항원검사 양성 확진 인정" } ], { x: "Date", y: 0, dy: -10, dx: 7, text: "text", fontFamily: "pretendard", textAnchor: "start", rotate: -90, fill: "#E14E4E" } ), Plot.line( testData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "양성률7일평균", stroke: "#5488DB", strokeWidth: 2 } ), Plot.dot( testData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "양성률7일평균", fill: "#5488DB00", r: 2, title: (d) => `${moment(d.Date).format("ll")}\n${(d.양성률7일평균 * 100).toFixed( 1 )}%` } ) ] }) )35:T9da,addTooltips( Plot.plot({ height: 500, // width: 500, marginRight: 80, x: { label: "", domain: [new Date("2021-08-05"), lastDate] }, // x: { label: "", domain: [new Date("2022-03-05"), lastDate] }, y: { label: "접종률", domain: [80, 100] }, // y: { label: "접종률", domain: [95, 100] }, color: { domain: ageKeys, range: myColors }, marks: [ // Plot.ruleY([0]), ...guidelines(100, true,80), // Plot.ruleX([new Date("2021-12-06")], { stroke: "#F8BD56a0" }), // Plot.ruleX([new Date("2021-10-01")], { stroke: "#F8BD56a0" }), // Plot.ruleX([new Date("2021-10-17")], { stroke: "#F8BD56a0" }), // Plot.ruleX([new Date("2021-08-26")], { stroke: "#F8BD56a0" }), // Plot.areaY( // [ // { date: new Date("2021-08-26") }, // { date: new Date("2021-10-01") }, // { date: new Date("2021-10-17") } // ], // { // x: "date", // // y1: 0, // y1: 80, // y2: 100, // fill: "#F8BD5611" // } // ), // Plot.text( // [ // { Date: new Date("2021-08-26"), text: "사전 예약자 접종", y: 95 }, // { Date: new Date("2021-10-1"), text: "추가 예약자 접종", y: 95 }, // { Date: new Date("2021-12-06"), text: "방역패스 시행 공고", y: 86 } // ], // { // x: "Date", // y: "y", // // dy: 10, // dx: 10, // text: "text", // textAnchor: "start", // fontFamily: "pretendard", // rotate: -90, // fill: "#E14E4E" // } // ), Plot.line( ageData.filter( (d) => +d.Date > +new Date("2021-08-05") && d.value >= 78 ), { x: "Date", y: "value", stroke: "age" } ), Plot.dot( ageData.filter( (d) => +d.Date > +new Date("2021-08-05") && d.value >= 80 ), { x: "Date", y: "value", stroke: "age", opacity: 0, r: 3, title: (d) => `${d.age}\n${d.value.toFixed(1)}%\n${moment(d.Date).format("ll")}\n` } ), Plot.text( ageData.filter((d) => d.Date === lastDate), { x: "Date", y: "value", textAnchor: "start", dx: "5px", fill: "age", text: (d) => `${d.age} ${d.value}%` } ) ] }) )36:T5b2,function dailyFirstShotGraph(startDate = "2022-03-01") { const filtedFirstShotData = firstShotData.filter( (d) => +d.Date >= +new Date(dateRange[0]) && +d.Date <= +new Date(dateRange[1]) && d.age !== "17이하" ); const lastDate = filtedFirstShotData[0].Date; return addTooltips( Plot.plot({ height: 500, // width: 500, marginRight: 80, x: { label: "", domain: [new Date(dateRange[0]), dateRange[1]] }, // x: { label: "", domain: [new Date("2022-03-05"), lastDate] }, // y: { label: "접종률", domain: [80, 100] }, // y: { label: "접종률", domain: [95, 100] }, color: { domain: ageKeys, range: myColors }, marks: [ Plot.line(filtedFirstShotData, { x: "Date", y: "value", stroke: "age" }), Plot.dot(filtedFirstShotData, { x: "Date", y: "value", stroke: "age", opacity: 0, r: 3, title: (d) => `${d.age}\n${d.value.toFixed(1)}명\n${moment(d.Date) .locale("ko") .format("ll ddd")}\n` }), Plot.text( filtedFirstShotData.filter((d) => d.Date === lastDate), { x: "Date", y: "value", textAnchor: "start", dx: "5px", fill: "age", text: (d) => `${d.age} ${d.value}%` } ) ] }) ); }37:Td57,diffConfirmedByAge = (targetAge, height = 200, windowK = 3) => { const data = ageUnitConfirmed7dayRatio.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ); return addTooltips( Plot.plot({ height: height, width: 1000, marginLeft: 50, marginRight: 80, // marginBottom: 50, // x: { domain: [new Date("2021-6-1"), new Date("2022-1-1")] }, // y: { label: "확진자 / 10만명", domain: [0, 50] }, x: { domain: [new Date(dateRange[0]), new Date(dateRange[1])] }, y: { // type: "log", domain: d3.extent( data .filter((d) => (targetAge !== "전체" ? d.age === targetAge : 1)) .map((d) => d.value) .filter((d) => d < 2 && d > -2) ) }, color: { domain: [...ageKeys2, "gray"], range: [...ageColors, "#aaa"] }, marks: [ Plot.ruleY([0]), Plot.ruleX(events, { x: "Date", stroke: "#F8BD56a0" }), Plot.areaY( data, Plot.windowY({ k: windowK, anchor: "start", reduce: "mean", x: "Date", y1: 0, y2: "value", fill: "age", strokeWidth: 2, curve: "catmull-rom", opacity: (d) => targetAge === "전체" ? 0.01 : d.age === targetAge ? 0.3 : 0 }) ), Plot.line( data, Plot.windowY({ k: windowK, anchor: "start", reduce: "mean", x: "Date", y: "value", stroke: "age", strokeWidth: 2, curve: "catmull-rom", strokeOpacity: (d) => targetAge !== "전체" ? (d.age === targetAge ? 0.8 : 0) : 0.8 }) ), // Plot.line( // ageUnitConfirmedRatio.filter( // (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] // ), // Plot.windowY({ // k: 1, // anchor: "end", // reduce: "mean", // x: "Date", // y: "value", // stroke: "age", // strokeWidth: 1, // strokeDasharray: [2, 2], // curve: "catmull-rom", // strokeOpacity: (d) => // targetAge !== "전체" ? (d.age === targetAge ? 0.3 : 0) : 0.3 // }) // ), Plot.dot( data.filter((d) => (targetAge !== "전체" ? d.age === targetAge : 1)), { x: "Date", y: "value", stroke: "age", r: 2, opacity: 0, title: (d) => `${d.age}\n${moment(d.Date) .lang("ko") .format("ll")}\n${d.value.toFixed(2)}` } ), Plot.text( d3 .groups(data, (d) => d.age) .map((d) => d[1].slice(0, windowK)) .flat(), Plot.windowY({ k: windowK, anchor: "start", reduce: "mean", x: "Date", y: "value", textAnchor: "start", dx: 10, fill: "age", fillOpacity: (d) => targetAge !== "전체" ? (d.age === targetAge ? 0.8 : 0) : 0.8, text: (d) => `${d.age}` }) ) ] }) ); }38:Te85,diffConfirmedByProvince = (targetProvince) => addTooltips( Plot.plot({ height: 200, width: 800, marginLeft: 50, marginRight: 80, // marginBottom: 50, // x: { domain: [new Date("2021-6-1"), new Date("2022-1-1")] }, // y: { label: "확진자 / 10만명", domain: [0, 50] }, x: { domain: [new Date(dateRange[0]), new Date(dateRange[1])] }, y: { domain: d3.extent( changeRatio .filter((d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1]) .filter((d) => targetProvince !== "전체" ? d.지역 === targetProvince : 1 ) .map((d) => d.value) .filter((d) => d < 1 && d > -1) ) }, color: { domain: [...provinceKeys, "gray"], range: [...categoryColors, "#aaa"] }, marks: [ Plot.ruleY([0]), Plot.ruleX(events, { x: "Date", stroke: "#F8BD56a0" }), Plot.areaY( changeRatio.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), Plot.windowY({ k: 7, anchor: "start", reduce: "mean", x: "Date", y1: 0, y2: "value", fill: "지역", strokeWidth: 2, curve: "catmull-rom", opacity: (d) => (d.지역 === targetProvince ? 0.3 : 0) }) ), Plot.line( changeRatio.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), Plot.windowY({ k: 7, anchor: "start", reduce: "mean", x: "Date", y: "value", stroke: "지역", strokeWidth: 2, curve: "catmull-rom", strokeOpacity: (d) => targetProvince !== "전체" ? d.지역 === targetProvince ? 0.8 : 0 : 0.8 }) ), Plot.line( changeRatio.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), Plot.windowY({ k: 1, anchor: "start", reduce: "mean", x: "Date", y: "value", stroke: "지역", strokeWidth: 1, strokeDasharray: [2, 2], curve: "catmull-rom", strokeOpacity: (d) => targetProvince !== "전체" ? d.지역 === targetProvince ? 0.3 : 0 : 0.3 }) ), Plot.dot( changeRatio.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "value", stroke: "지역", r: 2, opacity: 0, title: (d) => `${d.지역}\n${moment(d.Date) .lang("ko") .format("ll")}\n${d.value.toFixed(1)}` } ), Plot.text( d3 .groups( changeRatio.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), (d) => d.지역 ) .map((d) => d[1].slice(0, 1)) .flat(), { x: "Date", y: "value", textAnchor: "start", dx: 10, fill: "지역", fillOpacity: (d) => targetProvince ? (d.지역 === targetProvince ? 0.8 : 0) : 0.8, text: (d) => `${d.지역}` } ) ] }) )39:T55c,testData = { const url = "https://docs.google.com/spreadsheets/d/e/2PACX-1vTDRDs3WIUTAg2Mqs8LHzrN7_TizXfEbkLfFI7qzfLQClc-K3eVMJD-QiOFuDeTzx5kLyECCmykmaro/pub?gid=512078862&single=true&output=csv"; const response = await fetch(url); const text = await response.text(); const header = "Date,Male,Female,-17,18-29,30-39,40-49,50-59,60-69,70-79,80-,Total,Male_ratio,Female_ratio,17이하_ratio,18-29_ratio,30대_ratio,40대_ratio,50대_ratio,60대_ratio,70대_ratio,80이상_ratio,>18ratio,18>%ratio,-17_미접종,18-29_미접종,30-39_미접종,40-49_미접종,50-59_미접종,60-69_미접종,70-79_미접종,80-_미접종\r\n"; const text2 = text.split("\r\n"); text2.shift(); const replacedHeader = header + text2.join("\r\n"); const data = d3 .csvParse(text, autoType) .sort((a, b) => d3.ascending(a.Date, b.Date)); const data2 = data.map((d, i) => ({ ...d, 검사수7일평균: sevendaysmean(data, "Total", i), 확진자7일평균: sevendaysmean(data, "신규확진자수", i), // 양성률7일평균: // sevendaysmean(data, "신규확진자수", i) / sevendaysmean(data, "Total", i), 양성률: d.신규확진자수 / d.Total })); return data2 .map((d, i) => ({ ...d, 양성률7일평균: sevendaysmean(data2, "양성률", i) })) .sort((a, b) => d3.descending(a.Date, b.Date)); }3a:T5dd,events = [ { Date: new Date("2021-9-22"), text: "추석연휴 +4일", textDate: "9.18-9.22", y: 15 }, { Date: new Date("2021-10-22"), text: "거리두기 완화 +4일", textDate: "10.18", y: 15 }, { Date: new Date("2021-11-05"), text: "단계적일상회복 +4일", textDate: "11.1", y: 15 }, { Date: new Date("2021-12-10"), text: "거리두기 강화 +4일", textDate: "12.6", y: 20 }, { Date: new Date("2022-01-08"), text: "학원·독서실 방역패스 효력정지+4일", textDate: "1.4", y: 20 }, { Date: new Date("2022-01-18"), text: "서울 상점·마트·백화점 12세 이상 18세 이하 방역패스 효력정지 +4일", textDate: "1.14", y: 20 }, { Date: new Date("2022-03-05"), text: "방역패스 중단 +4일", textDate: "3.1", y: 20 }, { Date: new Date("2022-04-08"), text: "거리두기 완화 +4일", textDate: "4.4", y: 20 }, { Date: new Date("2022-04-22"), text: "거리두기 완전 해제 +4일", textDate: "4.18", y: 20 }, { Date: new Date("2022-05-06"), text: "실외 마스크 의무 해제 +4일", textDate: "5.2", y: 20 }, { Date: new Date("2022-06-12"), text: "해외입국자 7일격리 해제 +4일", textDate: "6.8", y: 20 }, { Date: new Date("2022-08-13"), text: "서울,경기 집중 호우 +4일", textDate: "8.9", y: 20 } ]3b:Tbb1,confirmedByAge = (targetAge) => addTooltips( Plot.plot({ height: 500, width: 1000, marginLeft: 50, marginRight: 80, // marginBottom: 50, // x: { domain: [new Date("2021-6-1"), new Date("2022-1-1")] }, // y: { label: "확진자 / 10만명", domain: [0, 50] }, x: { domain: [new Date(dateRange[0]), new Date(dateRange[1])] }, y: { type: logScaleOption === "로그" ? "log" : "linear" }, color: { domain: [...ageKeys2, "gray"], range: [...ageColors, "#aaa"] }, marks: [ Plot.ruleY([0]), ...guidelines( d3.max( ageUnitConfirmedData .filter((d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1]) .map((d) => d.value) ), true ), Plot.areaY( ageUnitConfirmedData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y1: 0, y2: "value", fill: "age", strokeWidth: 2, opacity: 0 } ), Plot.line( ageUnitConfirmedData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "value", stroke: "age", strokeWidth: 2, curve: "catmull-rom", strokeOpacity: (d) => targetAge ? (d.age === targetAge ? 0.8 : 0.1) : 0.8 } ), Plot.dot( ageUnitConfirmedData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "value", stroke: "age", curve: "catmull-rom", r: 2, opacity: 0, title: (d) => `${d.age}\n${moment(d.Date) .lang("ko") .format("ll (ddd)")}\n${d.value.toFixed(1)}명` } ), // Plot.line( // ageConfirmedData.filter((d) => d.Date > new Date("2021-6-1")), // { // x: "Date", // y: (d) => (d.value / popData[d.age]) * 10 ** 6, // stroke: "age", // strokeWidth: 1 // } // ), Plot.text( d3 .groups( ageUnitConfirmedData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), (d) => d.age ) // .sort((a, b) => d3.descending(+a[1].Date, +b[1].Date)) .map((d) => d[1].slice(-1)) .flat(), { x: "Date", y: "value", textAnchor: "start", dx: "5px", fill: "age", fillOpacity: (d) => targetAge ? (d.age === targetAge ? 0.8 : 0.1) : 0.8, text: (d) => `${d.age}` } ) ] }) )3c:Ta6b,confirmedByProvince = (targetProvince) => addTooltips( Plot.plot({ height: 500, width: 800, marginLeft: 50, marginRight: 80, // marginBottom: 50, // x: { domain: [new Date("2021-6-1"), new Date("2022-1-1")] }, // y: { label: "확진자 / 10만명", domain: [0, 50] }, x: { domain: [new Date(dateRange[0]), new Date(dateRange[1])] }, y: { type: logScaleOption === "로그" ? "log" : "linear" }, color: { domain: [...provinceKeys, "gray"], range: [...categoryColors, "#aaa"] }, marks: [ Plot.ruleY([0]), ...guidelines( d3.max( provinceUnitConfirmedData .filter((d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1]) .map((d) => d.value) ), 1 ), Plot.areaY( provinceUnitConfirmedData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y1: 0, y2: "value", fill: "지역", strokeWidth: 2, opacity: 0 } ), Plot.line( provinceUnitConfirmedData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "value", stroke: "지역", strokeWidth: 2, strokeOpacity: (d) => targetProvince ? (d.지역 === targetProvince ? 0.8 : 0.1) : 0.8 } ), Plot.dot( provinceUnitConfirmedData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), { x: "Date", y: "value", stroke: "지역", r: 2, opacity: 0, title: (d) => `${d.지역}\n${moment(d.Date) .lang("ko") .format("ll")}\n${d.value.toFixed(1)}명` } ), Plot.text( d3 .groups( provinceUnitConfirmedData.filter( (d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1] ), (d) => d.지역 ) .map((d) => d[1].slice(0, 1)) .flat(), { x: "Date", y: "value", textAnchor: "start", dx: "5px", fill: "지역", fillOpacity: (d) => targetProvince ? (d.지역 === targetProvince ? 0.8 : 0.1) : 0.8, text: (d) => `${d.지역}` } ) ] }) )3d:T664,guidelines = function (height, showLabel, bottom = 0) { const maxHeight = d3.max([height, 20]); const lines = [ Plot.areaY( [ { Date: new Date("2021-9-22"), y: maxHeight }, { Date: new Date("2021-9-26"), y: maxHeight } ], { x: "Date", y2: "y", y1: bottom, fill: "#F8BD5620" } ), Plot.areaY( [ { Date: new Date("2021-11-05"), y: maxHeight }, { Date: new Date("2021-12-10"), y: maxHeight } ], { x: "Date", y2: "y", y1: bottom, fill: "#F8BD5620" } ), Plot.ruleX(events, { x: "Date", stroke: "#F8BD56a0" }) ]; const labels = [ Plot.text(events, { x: "Date", y: bottom, dy: 30, text: "textDate", fill: "#999" }), Plot.text(events, { x: "Date", y: (d) => d3.max([d.y, bottom]), dx: 7, dy: -10, text: "text", textAnchor: "start", fontFamily: "pretendard", rotate: -90, fill: "#E14E4E" }), Plot.text( [ { Date: new Date("2021-6-25"), text: "델타 변이", y: 4 }, { Date: new Date("2022-1-15"), text: "오미크론", y: 20 } ], { x: "Date", y: (d) => d3.max([bottom, d.y]), text: "text", fontFamily: "pretendard", textAnchor: "Start", fontSize: 15, fontWeight: 600, stroke: "#508BED80", strokeWidth: 0.5, rotate: -50, fill: "#508BED80" } ) ]; return showLabel ? [...lines, labels] : lines; }3e:T1408,function risk(targetAge, domainMax, day1, day2, width = 800) { if (!day1) day1 = new Date("2021-06-01"); if (!day2) day2 = new Date(); return addTooltips( Plot.plot({ height: 500, width: width, // marginLeft: 50, // marginRight: 20, // marginBottom: 50, // x: { domain: [new Date("2021-6-1"), lastDate] }, y: domainMax ? { label: "확진자 / 10만명", domain: domainMax ? [0, domainMax] : "" } : { label: "확진자 / 10만명" }, color: { domain: ageKeys2, range: ageColors }, marks: [ Plot.ruleY([0]), // Plot.ruleY([1.8], { stroke: "#555", opacity: 0.5 }), // ...guidelines(24, true), Plot.areaY( ageUnitConfirmedData.filter( (d) => +d.Date >= +day1 && +d.Date <= +day2 && d.age === targetAge ), { x: "Date", // x: (d) => new Date(moment(d.Date).subtract(10, "days").format()), y1: 0, y2: "value", fill: "age", strokeWidth: 2, opacity: (d) => (d.age === targetAge ? 0.2 : 0) } ), Plot.areaY( ageUnitSevereData.filter( (d) => +d.Date >= +day1 && +d.Date <= +day2 && d.age === targetAge ), { x: "Date", // x: (d) => new Date(moment(d.Date).subtract(15, "days").format()), y1: 0, y2: (d) => d.value, // y2: (d) => (d.value * (100 - d.shot2) * 11) / 100, fill: "age", strokeWidth: 2, opacity: (d) => (d.age === targetAge ? 0.3 : 0) } ), Plot.areaY( ageUnitDeathData.filter( (d) => +d.Date >= +day1 && +d.Date <= +day2 && d.age === targetAge ), { x: "Date", // x: (d) => new Date(moment(d.Date).subtract(15, "days").format()), y1: 0, y2: (d) => d.value, // y2: (d) => (d.value * (100 - d.shot2) * 11) / 100, fill: "#000", strokeWidth: 2, opacity: (d) => (d.age === targetAge ? 0.2 : 0) } ), Plot.line( ageUnitConfirmedData.filter( (d) => +d.Date >= +day1 && +d.Date <= +day2 && d.age === targetAge ), { x: "Date", // x: (d) => new Date(moment(d.Date).subtract(10, "days").format()), y: "value", stroke: "age", strokeWidth: 2 } ), Plot.dot( ageUnitConfirmedData.filter( (d) => +d.Date >= +day1 && +d.Date <= +day2 && d.age === targetAge ), { x: "Date", y: "value", stroke: "age", r: 3, opacity: 0, title: (d) => `${moment(d.Date).format("ll")}\n${d.value.toFixed(1)}명` } ), Plot.dot( ageUnitSevereData.filter( (d) => +d.Date >= +day1 && +d.Date <= +day2 && d.age === targetAge ), { x: "Date", y: "value", stroke: "age", r: 3, opacity: 0, title: (d) => `${moment(d.Date).format("ll")}\n${d.value.toFixed(1)}명` } ), // Plot.areaY( // [ // { Date: new Date("2021-11-1"), y: 6.1 / 90 }, // { Date: new Date("2022-2-1"), y: 6.1 / 90 } // ], // { // x: "Date", // y1: 0, // y2: (d) => vacineSevereUnitData[0][targetAge] / 90, // fill: "#ED506630", // strokeWidth: 2 // } // ), // Plot.text( // [ // { // Date: new Date("2021-8-28"), // text: "2019 교통사고 사망,부상자", // y: 2 // } // ], // { // x: "Date", // y: "y", // dy: "-0.2rem", // text: "text", // fontFamily: "pretendard", // fill: "#E14E4E", // opacity: 0 // } // ), Plot.text( ageUnitConfirmedData.filter((d) => +d.Date == day2), { x: "Date", y: "value", textAnchor: "end", // textAnchor: "start", dx: -5, dy: -5, fontSize: "15px", fill: "age", opacity: (d) => (+d.age === day2 ? 1 : 0), text: (d) => `${d.value.toFixed(1)}명` } ), Plot.text( ageUnitSevereData.filter((d) => +d.Date == +day2), { x: "Date", y: "value", textAnchor: "end", dx: -5, dy: -5, fill: "age", fontSize: "12px", opacity: (d) => (+d.age === day2 ? 1 : 0), text: (d) => `위중증 ${d.value.toFixed(1)}명` } ) ] }) ); }3f:T68a,function shotGraph(targetAge) { return Plot.plot({ height: 500, width: 800, marginLeft: 50, marginRight: 80, marginBottom: 50, height: 200, x: { domain: [new Date("2021-6-1"), ageShot2[0].Date] }, y: { label: "완전 접종률 (%)", domain: [0, 100] }, color: { domain: ageKeysMix, range: ageColors }, marks: [ Plot.ruleY([0]), Plot.ruleY([100], { stroke: "#ddd" }), Plot.ruleX([{ Date: new Date("2021-12-1") }], { x: "Date", stroke: "#F8BD56a0" }), Plot.text( [ { Date: new Date("2021-12-1"), text: "거리두기 강화 부스터샷", y: 40 } ], { x: "Date", y: "y", dy: -5, text: "text", rotate: -90, fill: "#E14E4E" } ), Plot.line( ageShot2.filter( (d) => d.Date > new Date("2021-6-1") && d.age === targetAge ), { x: "Date", y: "value", stroke: "age", strokeWidth: 1, opacity: 1 } ), Plot.line( ageShot3.filter( (d) => d.Date > new Date("2021-6-1") && d.age === targetAge ), { x: "Date", y: "value", stroke: "age", strokeWidth: 2, opacity: 0.8 } ), Plot.text( ageShot3.filter( (d) => d.Date - ageLastDate === 0 && d.age === targetAge ), { x: "Date", y: "value", textAnchor: "start", dx: "5px", fill: "age", text: (d) => `${d.age}` } ) ] }); }40:T435,() => Plot.plot({ height: 500, // width: 500, marginLeft: 50, marginRight: 80, // x: { domain: [new Date("2021-6-1"), lastDate] }, x: { tick: { color: "#555" } }, y: { label: "확진자" }, color: { domain: ageKeys2, range: ageColors }, marks: [ Plot.ruleY([0]), guidelines(1500), Plot.line( ageConfirmed7Data.filter((d) => d.Date > new Date("2021-6-1")), { x: "Date", y: "value", stroke: "age", strokeWidth: 2 } ), // Plot.line( // ageConfirmedData.filter((d) => d.Date > new Date("2021-6-1")), // { // x: "Date", // y: "value", // stroke: "age", // opacity: 0.3, // strokeWidth: 1 // } // ), Plot.text( ageConfirmedData.filter((d) => d.Date === ageLastDate), { x: "Date", y: "value", textAnchor: "start", dx: "5px", fill: "age", text: (d) => `${d.age}` } ) ] })41:T5c8,theme_Flat = ` :scope { position: relative; display: inline-block; width: 600px; --thumb-size: 15px; --thumb-radius: calc(var(--thumb-size) / 2); padding: var(--thumb-radius) 0; color: #3b99fc; margin: 2px; vertical-align: middle; } :scope .range-track { box-sizing: border-box; position: relative; height: 7px; background-color: hsl(0, 0%, 80%); overflow: visible; border-radius: 4px; padding: 0 var(--thumb-radius); } :scope .range-track-zone { box-sizing: border-box; position: relative; } :scope .range-select { box-sizing: border-box; position: relative; left: var(--range-min); width: calc(var(--range-max) - var(--range-min)); cursor: ew-resize; background: currentColor; height: 7px; border: inherit; } /* Expands the hotspot area. */ :scope .range-select:before { content: ""; position: absolute; width: 100%; height: var(--thumb-size); left: 0; top: calc(2px - var(--thumb-radius)); } :scope .range-select:focus, :scope .thumb:focus { outline: none; } :scope .thumb { box-sizing: border-box; position: absolute; width: var(--thumb-size); height: var(--thumb-size); background: #fcfcfc; top: -4px; border-radius: 100%; border: 1px solid hsl(0,0%,55%); cursor: default; margin: 0; } :scope .thumb:active { box-shadow: inset 0 var(--thumb-size) #0002; } :scope .thumb-min { left: calc(-1px - var(--thumb-radius)); } :scope .thumb-max { right: calc(-1px - var(--thumb-radius)); } `42:[{"id":"f264089907ee206f1fb6fcb9647d94cbcfe6f756cfb2fca3828d2c30b8d6af229cb1f984e5230c569650a60a21a42c06e6fd08b7187f2058928e81be238bef7f","href":"https://static.observableusercontent.com/files/f264089907ee206f1fb6fcb9647d94cbcfe6f756cfb2fca3828d2c30b8d6af229cb1f984e5230c569650a60a21a42c06e6fd08b7187f2058928e81be238bef7f","name":"data2 (1).csv","type":"text/csv","lastModified":1644375032423.994,"size":39142},{"id":"fe8642b68968cc81af580b2f0a5cff11915a5d654644167067469b66a1cb19ff0cc11cc4abcd7d99c3dd1fb238fc3c1d6b175fe2a39ccd868f5a29fc68b25bc5","href":"https://static.observableusercontent.com/files/fe8642b68968cc81af580b2f0a5cff11915a5d654644167067469b66a1cb19ff0cc11cc4abcd7d99c3dd1fb238fc3c1d6b175fe2a39ccd868f5a29fc68b25bc5","name":"시도인구.csv","type":"text/csv","lastModified":1647766782731.372,"size":383}] 2f:{"title":"코로나 연령별 확진자","cells":[{"id":0,"value":"# 코로나 연령별 확진자","pinned":false,"hidden":false,"mode":"md"},{"id":2232,"value":"

[SNU ARIC](https://sites.google.com/view/snuaric/data-service/covid-19/covid-19-in-korea)에서 매일 취합 제공하는 코로나 데이터를 사용해 시각화합니다.
6.16 SNU ARIC 데이터 업데이트 중단. 연령별 확진자 수만 [질병관리청 보도자료](http://ncov.mohw.go.kr/tcmBoardList.do?pageIndex=3&brdId=3&brdGubun=&board_id=&search_item=1&search_content=) 수작업 업데이트 중\n-- [@taekie](https://twitter.com/taekie)

","pinned":false,"hidden":false,"mode":"md"},{"id":2299,"value":"md`#### 연령별 10만명당 확진자\\n_{${moment()\n .locale(\"ko\")\n .format(\"ll dddd\")}}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2476,"value":"viewof logScaleOption = Inputs.radio([\"선형\", \"로그\"], {\n value: \"선형\",\n label: \"스케일\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2766,"value":"confirmedByAge(targetAge)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3322,"value":"주간변화율(Log2)","pinned":false,"hidden":false,"mode":"md"},{"id":3290,"value":"diffConfirmedByAge(targetAge, 400, 2)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2878,"value":"viewof dateRange = rangeSlider({\n min: +new Date(\"2020-07-01\"),\n max: +new Date(ageUnitConfirmedData[0].Date),\n step: 1,\n // Note that values must be specified as array of length 2.\n value: this\n ? this.value\n : [+new Date(\"2021-11-08\"), +new Date(ageUnitConfirmedData[0].Date)],\n // Custom slider CSS, replaces all styles.\n // format: \".0d\",\n display: (v) => v.map((d) => moment(d).locale(\"ko\").format(\"ll\")).join(\" - \"),\n theme: theme_Flat,\n width: 500,\n title: \"날짜 선택\"\n // description: \"The optional description.\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2908,"value":"viewof targetAge = Inputs.radio([\"전체\", ...ageKeys2], {\n value: \"전체\",\n label: \"연령대\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3585,"value":"test = ageUnitConfirmedData.filter((d) => +d.Date >= +new Date(\"2022-01-01\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":3589,"value":"predict = {\n const today = moment();\n return new Array(90)\n .fill(0)\n .map((d) => {\n const date = new Date(today.add(d + 1, \"days\").format(\"YYYY-MM-DD\"));\n return ageKeys2.map((age) => ({\n Date: date,\n age\n }));\n })\n .flat();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3614,"value":"[...test, ...predict]","pinned":true,"hidden":false,"mode":"ojs"},{"id":3482,"value":"over60Confirmed = d3\n .groups(\n convertTinyData(daily7Data, ageKeys2, \"age\").filter((d) =>\n [\"60대\", \"70대\", \"80대이상\"].includes(d.age)\n ),\n (d) => d.Date\n )\n .map(([Date, data]) => ({ Date, value: d3.sum(data.map((d) => d.value)) }))\n .sort((a, b) => d3.descending(a.Date, b.Date))","pinned":false,"hidden":false,"mode":"ojs"},{"id":3459,"value":"over60Severe = d3\n .groups(\n convertTinyData(severe7Data, ageKeys2, \"age\").filter((d) =>\n [\"60대\", \"70대\", \"80대이상\"].includes(d.age)\n ),\n (d) => d.Date\n )\n .map(([Date, data]) => ({ Date, value: d3.sum(data.map((d) => d.value)) }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":3465,"value":"over60Death = d3\n .groups(\n convertTinyData(death7Data, ageKeys2, \"age\").filter((d) =>\n [\"60대\", \"70대\", \"80대이상\"].includes(d.age)\n ),\n (d) => d.Date\n )\n .map(([Date, data]) => ({ Date, value: d3.sum(data.map((d) => d.value)) }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":3487,"value":"over60 = d3\n .groups([...over60Confirmed, ...over60Severe, ...over60Death], (d) => d.Date)\n .map(([Date, data]) => {\n let confirmed, severe, death;\n confirmed = data[0].value ?? null;\n severe = data[1] ? data[1].value : null;\n death = data[2] ? data[2].value : null;\n\n return { Date, confirmed, severe, death, ratio: severe / confirmed };\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":3574,"value":"severe7Data","pinned":true,"hidden":false,"mode":"ojs"},{"id":3513,"value":"Inputs.table(over60.filter((d) => +d.Date <= +new Date(\"2022-04-10\")))","pinned":false,"hidden":false,"mode":"ojs"},{"id":3571,"value":"Plot.plot({\n width: 800,\n height: 300,\n y: { label: \"60대 이상 위중증\" },\n marks: [\n Plot.line(\n over60.filter((d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1]),\n { x: \"Date\", y: \"ratio\", stroke: \"#3887E9\" }\n ),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3469,"value":"Plot.plot({\n width: 1000,\n height: 300,\n y: { label: \"60대 이상 위중증\" },\n marks: [\n // Plot.line(\n // over60.filter((d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1]),\n // { x: \"Date\", y: (d) => d.confirmed / 10 ** 2, stroke: \"#3887E9\" }\n // ),\n Plot.areaY(\n over60.filter((d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1]),\n { x: \"Date\", y: \"severe\", fill: \"#3887E965\" }\n ),\n Plot.areaY(\n over60.filter((d) => +d.Date >= dateRange[0] && +d.Date <= dateRange[1]),\n { x: \"Date\", y: \"death\", fill: \"#3E3939c0\" }\n ),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2719,"value":"#### 연령별 인구 대비 누적 확진자 비율\n${moment().lang(\"ko\").format(\"ll dddd\")}","pinned":false,"hidden":false,"mode":"md"},{"id":2692,"value":"addTooltips(\n Plot.plot({\n height: 300,\n width: 800,\n marginLeft: 50,\n marginRight: 80,\n x: { percent: true, label: \"인구대비 누적 확진자 비율(%)\" },\n y: { domain: ageKeys2 },\n color: { domain: ageKeys2, range: ageColors },\n marks: [\n Plot.ruleX([0]),\n Plot.barX(sumByAge, {\n y: \"age\",\n x: (d) => d.sum / 100000,\n fill: \"age\"\n }),\n Plot.text(sumByAge, {\n y: \"age\",\n x: (d) => d.sum / 100000,\n textAnchor: \"start\",\n dx: 5,\n fontSize: 15,\n text: (d) => `${((d.sum / 100000) * 100).toFixed(1)}%`,\n fill: \"age\"\n })\n ]\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2446,"value":"### 연령별 확진자 \n30일간 10만명당 확진자 ","pinned":false,"hidden":false,"mode":"md"},{"id":2431,"value":"addTooltips(\n Plot.plot({\n height: 250,\n width: 600,\n marginLeft: 50,\n marginRight: 80,\n\n // marginBottom: 50,\n // x: { domain: [new Date(\"2021-10-1\"), lastDate] },\n y: { label: \"\", tickFormat: (d) => ageKeys2[d] },\n x: {\n scale: \"band\",\n tickFormat: (d) =>\n moment(d).format(\"D\") == 1\n ? moment(d).format(\"MMM D\")\n : moment(d).format(\"D\") % 5 === 0\n ? moment(d).format(\"D\")\n : \"\",\n padding: 0\n },\n color: {\n type: \"sequential\",\n scheme: \"viridis\",\n legend: true,\n reverse: true\n },\n marks: [\n // Plot.ruleY([0]),\n Plot.cell(\n ageUnitConfirmedData.filter(\n (d) => d.Date > new Date(moment().subtract(30, \"days\"))\n ),\n {\n x: \"Date\",\n y: (d) => ageKeys2.indexOf(d.age),\n fill: \"value\",\n inset: 0\n // title: d => `${formatDate(d.Date)}\\n${formatUsage(d.usage)} kW`\n }\n )\n ]\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2316,"value":"#### 연령별 10만명당 확진자","pinned":false,"hidden":false,"mode":"md"},{"id":1420,"value":"html`

${new Array(\n 9\n)\n .fill(0)\n .map((d, i) => {\n return html`

${risk(\n ageKeys2[i],\n null,\n dateRange[0],\n dateRange[1],\n 220\n )}\n

${\n ageKeys2[i]\n }

`;\n })}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2372,"value":"html`

${new Array(9)\n .fill(0)\n .map((d, i) => {\n return html`

${risk(\n ageKeys2[i],\n d3.max(\n ageUnitConfirmedData\n .filter((d) => d.age === ageKeys2[0])\n .map((d) => d.value)\n ),\n dateRange[0],\n dateRange[1],\n 500\n )}

${\n ageKeys2[i]\n }

`;\n })}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2423,"value":"#### 60대 이상","pinned":false,"hidden":false,"mode":"md"},{"id":2427,"value":"html`

${new Array(3)\n .fill(0)\n .map((d, i) => {\n return html`

${risk(\n ageKeys2[i + 6],\n d3.max(\n ageUnitConfirmedData\n .filter((d) => d.age === ageKeys2[6])\n .map((d) => d.value)\n ),\n dateRange[0],\n dateRange[1],\n 500\n )}

${\n ageKeys2[i + 6]\n }

`;\n })}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1515,"value":"#### 연령별 확진자 증감 \n30일간 10만명당 확진자 1일 변화","pinned":false,"hidden":false,"mode":"md"},{"id":1425,"value":"addTooltips(\n Plot.plot({\n height: 250,\n width: 600,\n marginLeft: 50,\n marginRight: 80,\n\n // marginBottom: 50,\n // x: { domain: [new Date(\"2021-10-1\"), lastDate] },\n y: { label: \"\", tickFormat: (d) => ageKeys2[d] },\n x: {\n scale: \"band\",\n tickFormat: (d) =>\n moment(d).day() === 0\n ? moment(d).format(\"MMM D\")\n : moment(d).format(\"D\") == 1\n ? moment(d).format(\"MMM D\")\n : \"\",\n padding: 0\n },\n color: { type: \"diverging\", scheme: \"BuRd\", legend: true },\n marks: [\n // Plot.ruleY([0]),\n Plot.cell(\n ageUnitConfirmedDiffData.filter(\n (d) => d.Date > new Date(moment().subtract(30, \"days\"))\n ),\n {\n x: \"Date\",\n y: (d) => ageKeys2.indexOf(d.age),\n fill: \"value\",\n title: (d) => `변화 ${d.value.toFixed(1)}명`\n }\n )\n ]\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3417,"value":"### 데이터 업데이트 종료","pinned":false,"hidden":false,"mode":"md"},{"id":695,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":2873,"value":"#### 지역별 10만명당 확진자","pinned":false,"hidden":false,"mode":"md"},{"id":2871,"value":"confirmedByProvince(targetProvince)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2990,"value":"#### 변화율 (7일평균)","pinned":false,"hidden":false,"mode":"md"},{"id":2943,"value":"diffConfirmedByProvince(targetProvince)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2902,"value":"viewof targetProvince = Inputs.radio([\"전체\", ...provinceKeys], {\n value: \"서울\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2513,"value":"#### 연령대별 확진자 증가 상관관계","pinned":false,"hidden":false,"mode":"md"},{"id":2489,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":2245,"value":"#### 검사, 확진자수 (7일 평균)","pinned":false,"hidden":false,"mode":"md"},{"id":562,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":2249,"value":"#### 검사 양성률","pinned":false,"hidden":false,"mode":"md"},{"id":837,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":1652,"value":"md`### 1차 접종률`","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":3183,"value":"// dailyFirstShotGraph()","pinned":false,"hidden":false,"mode":"ojs"},{"id":3174,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":3136,"value":"확진그래프10대 = ageUnitConfirmedData\n .sort((a, b) => d3.ascending(a.Date, b.Date))\n .filter((d) => d.age === \"10대미만\" && +d.Date >= +dateRange[0])\n .map((d) => {\n const day = moment(d.Date).diff(moment(dateRange[0]), \"days\");\n return { day, value: d.value, date: d.Date };\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":2355,"value":"### Data","pinned":false,"hidden":false,"mode":"md"},{"id":1053,"value":"() =>\n risk(\n ageKeys2[8],\n d3.max(\n ageUnitConfirmedData\n .filter((d) => d.age === ageKeys2[8])\n .map((d) => d.value)\n )\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":1386,"value":"() => shotGraph(\"80대이상\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":565,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":3258,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":2986,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":3306,"value":"ageUnitConfirmedRatio = {\n return d3\n .groups(ageUnitConfirmedData, (d) => d.age)\n .map(([age, data]) =>\n data\n .sort((a, b) => d3.ascending(a.Date, b.Date))\n .slice(0, data.length - 1)\n .map((d, i) => ({\n ...d,\n value: -(d.value - data[i + 1].value) / data[i + 1].value\n }))\n )\n .flat();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3312,"value":"ageUnitConfirmed7dayRatio = {\n return d3\n .groups(ageUnitConfirmedData, (d) => d.age)\n .map(([age, data]) =>\n data\n .sort((a, b) => d3.descending(a.Date, b.Date))\n .slice(0, data.length - 7)\n .map((d, i) => ({\n ...d,\n value: Math.log2(d.value / data[i + 7].value )?? 0\n }))\n )\n .flat();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2517,"value":"ageUnitConfirmedGrowthRateData = {\n return d3\n .groups(ageUnitConfirmedData, (d) => d.age)\n .map(([age, data]) =>\n data.slice(0, data.length - 1).map((d, i) => ({\n ...d,\n value: (data[i + 1].value - d.value) / data[i + 1].value\n }))\n )\n .flat();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2928,"value":"changeRatio = d3\n .groups(provinceUnitConfirmedData, (d) => d.지역)\n .map(([_, data]) =>\n data\n .slice(0, -1)\n .map((d, i) => ({ ...d, value: Math.log(d.value / data[i + 1].value) }))\n )\n .flat()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2895,"value":"categoryColors = [\n \"#4e79a7\",\n \"#f28e2c\",\n \"#e15759\",\n \"#76b7b2\",\n \"#59a14f\",\n \"#edc949\",\n \"#af7aa1\",\n \"#ff9da7\",\n \"#9c755f\",\n \"#bab0ab\",\n \"#8dd3c7\",\n \"#bebada\",\n \"#fb8072\",\n \"#80b1d3\",\n \"#fdb462\",\n \"#b3de69\",\n \"#fccde5\",\n \"#d9d9d9\",\n \"#bc80bd\",\n \"#ccebc5\",\n \"#ffed6f\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":2830,"value":"provincePopData = {\n const raw = await FileAttachment(\"시도인구.csv\").text();\n const data = d3.csvParse(raw, autoType);\n let map = {};\n // return data;\n provinceKeys.forEach((key, i) => (map[key] = data[i].인구));\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":595,"value":"popData = {\n const pops = [\n 3760350,\n 4709316,\n 6655923,\n 6723435,\n 8166792,\n 8635211,\n 7164712,\n 3715084,\n 2107986\n ];\n const data = {};\n ageKeys2.map((d, i) => {\n data[d] = pops[i];\n });\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3167,"value":"firstShotData = {\n const ageKeysTemp = \"-17,18-29,30-39,40-49,50-59,60-69,70-79,80-\".split(\",\");\n const dailyShotData = shot1Data.slice(1).map((d, i) => {\n const data = {};\n ageKeysTemp.forEach((k, ki) => {\n data[ageKeys[ki]] = shot1Data[i][k] - shot1Data[i + 1][k];\n });\n return { Date: shot1Data[i + 1].Date, ...data };\n });\n\n return convertTinyData(dailyShotData, ageKeys, \"age\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"shot1Data = {\n const url =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTDRDs3WIUTAg2Mqs8LHzrN7_TizXfEbkLfFI7qzfLQClc-K3eVMJD-QiOFuDeTzx5kLyECCmykmaro/pub?gid=171928881&single=true&output=csv\";\n const response = await fetch(url);\n const text = await response.text();\n const header =\n \"Date,Male,Female,5-11,12-17,18-19,12-19,20-29,-17,18-29,30-39,40-49,50-59,60-69,70-79,80-,Total,Male_ratio,Female_ratio,17이하_ratio,18-29_ratio,30대_ratio,40대_ratio,50대_ratio,60대_ratio,70대_ratio,80대이상_ratio,>18ratio,18>%ratio,-17_미접종,18-29_미접종,30-39_미접종,40-49_미접종,50-59_미접종,60-69_미접종,70-79_미접종,80-_미접종\\r\\n\";\n const text2 = text.split(\"\\r\\n\");\n text2.shift();\n const replacedHeader = header + text2.join(\"\\r\\n\");\n return d3.csvParse(replacedHeader, autoType);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":614,"value":"shot3Data = {\n const url =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTDRDs3WIUTAg2Mqs8LHzrN7_TizXfEbkLfFI7qzfLQClc-K3eVMJD-QiOFuDeTzx5kLyECCmykmaro/pub?gid=1427916902&single=true&output=csv\";\n const response = await fetch(url);\n const text = await response.text();\n const header =\n \"Date,Male,Female,5-11,12-17,18-19,12-19,20-29,-17,18-29,30-39,40-49,50-59,60-69,70-79,80-,Total,Male,Female,17이하,18-29,30대,40대,50대,60대,70대,80대이상,>18ratio,18>%ratio,-17_미접종,18-29_미접종,30-39_미접종,40-49_미접종,50-59_미접종,60-69_미접종,70-79_미접종,80-_미접종\\r\\n\";\n const text2 = text.split(\"\\r\\n\");\n text2.shift();\n const replacedHeader = header + text2.join(\"\\r\\n\");\n return d3.csvParse(replacedHeader, autoType);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":698,"value":"shot2Data = {\n const url =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTDRDs3WIUTAg2Mqs8LHzrN7_TizXfEbkLfFI7qzfLQClc-K3eVMJD-QiOFuDeTzx5kLyECCmykmaro/pub?gid=1495689161&single=true&output=csv\";\n const response = await fetch(url);\n const text = await response.text();\n const header =\n \"Date,Male,Female,5-11,12-17,18-19,12-19,20-29,-17,18-29,30-39,40-49,50-59,60-69,70-79,80-,Total,Male,Female,17이하,18-29,30대,40대,50대,60대,70대,80대이상,>18ratio,18>%ratio,-17_미접종,18-29_미접종,30-39_미접종,40-49_미접종,50-59_미접종,60-69_미접종,70-79_미접종,80-_미접종\\r\\n\";\n const text2 = text.split(\"\\r\\n\");\n text2.shift();\n const replacedHeader = header + text2.join(\"\\r\\n\");\n return d3.csvParse(replacedHeader, autoType);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":355,"value":"confirmedData = {\n // const url =\n // \"https://docs.google.com/spreadsheets/d/e/2PACX-1vRQofZ-ktw0_lmXUfqPLYHcSe6OkJY-GS8ulEEHmQ7DDHt0yEoddDL2XL0K0FoYaBxjqcojrRvK4Yts/pub?gid=1819775516&single=true&output=csv\";\n // const url =\n // \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTDRDs3WIUTAg2Mqs8LHzrN7_TizXfEbkLfFI7qzfLQClc-K3eVMJD-QiOFuDeTzx5kLyECCmykmaro/pub?gid=1819775516&single=true&output=csv\";\n // 6.16 포크\n const url =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vS4WMeW3QyU85HYU0jbX1QY62jp9WCS0V3hatzUfb6HR7M43swYO-8OfiwBnp8EdgTSUKXxDbXa-P25/pub?gid=1819775516&single=true&output=csv\";\n\n const response = await fetch(url);\n const text = await response.text();\n const header =\n \"Date,TOTAL,MALE,FEMALE,80대이상,70대,60대,50대,40대,30대,20대,10대,10대미만\\r\\n\";\n const text2 = text.split(\"\\r\\n\");\n text2.shift();\n const replacedHeader = header + text2.join(\"\\r\\n\");\n return d3.csvParse(replacedHeader, autoType);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2819,"value":"confirmedByProvinceData = {\n const url =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTDRDs3WIUTAg2Mqs8LHzrN7_TizXfEbkLfFI7qzfLQClc-K3eVMJD-QiOFuDeTzx5kLyECCmykmaro/pub?gid=1850981610&single=true&output=csv\";\n\n const response = await fetch(url);\n const text = await response.text();\n // const header =\n // \"Date,TOTAL,MALE,FEMALE,10대미만,10대,20대,30대,40대,50대,60대,70대,80대이상\\r\\n\";\n const header = \"Date,\" + provinceKeys.join(\",\") + \",격리병원\\r\\n\";\n const text2 = text.split(\"\\r\\n\");\n text2.shift();\n const replacedHeader = header + text2.join(\"\\r\\n\");\n return d3.csvParse(replacedHeader, autoType);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2887,"value":"dailyConfirmedByProvinceData = cumulative2daily(\n confirmedByProvinceData,\n provinceKeys\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2920,"value":"d3.groups(provinceUnitConfirmedData, (d) => d.지역)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1033,"value":"severeData = {\n // const url =\n // \"https://docs.google.com/spreadsheets/d/e/2PACX-1vRQofZ-ktw0_lmXUfqPLYHcSe6OkJY-GS8ulEEHmQ7DDHt0yEoddDL2XL0K0FoYaBxjqcojrRvK4Yts/pub?gid=211535841&single=true&output=csv\";\n // const url =\n // \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTDRDs3WIUTAg2Mqs8LHzrN7_TizXfEbkLfFI7qzfLQClc-K3eVMJD-QiOFuDeTzx5kLyECCmykmaro/pub?gid=211535841&single=true&output=csv\";\n const url =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vS4WMeW3QyU85HYU0jbX1QY62jp9WCS0V3hatzUfb6HR7M43swYO-8OfiwBnp8EdgTSUKXxDbXa-P25/pub?gid=211535841&single=true&output=csv\";\n\n const response = await fetch(url);\n const text = await response.text();\n const header =\n \"Date,TOTAL,MALE,FEMALE,80대이상,70대,60대,50대,40대,30대,20대,10대,10대미만\\r\\n\";\n const text2 = text.split(\"\\r\\n\");\n text2.shift();\n const replacedHeader = header + text2.join(\"\\r\\n\");\n return d3.csvParse(replacedHeader, autoType);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1234,"value":"deathData = {\n const url =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTDRDs3WIUTAg2Mqs8LHzrN7_TizXfEbkLfFI7qzfLQClc-K3eVMJD-QiOFuDeTzx5kLyECCmykmaro/pub?gid=2142321126&single=true&output=csv\";\n const response = await fetch(url);\n const text = await response.text();\n const header =\n \"Date,TOTAL,MALE,FEMALE,80대이상,70대,60대,50대,40대,30대,20대,10대,10대미만\\r\\n\";\n const text2 = text.split(\"\\r\\n\");\n text2.shift();\n const replacedHeader = header + text2.join(\"\\r\\n\");\n return d3.csvParse(replacedHeader, autoType);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1083,"value":"vacineSevereUnitData = {\n const url =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vRQofZ-ktw0_lmXUfqPLYHcSe6OkJY-GS8ulEEHmQ7DDHt0yEoddDL2XL0K0FoYaBxjqcojrRvK4Yts/pub?gid=536854361&single=true&output=csv\";\n const response = await fetch(url);\n const text = await response.text();\n return d3.csvParse(text, autoType);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2822,"value":"provinceKeys = \"서울,부산,대구,인천,광주,대전,울산,세종,경기도,강원도,충청북도,충청남도,전라북도,전라남도,경상북도,경상남도,제주도\".split(\n \",\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"ageKeys2 = \"10대미만,10대,20대,30대,40대,50대,60대,70대,80대이상\".split(\",\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1242,"value":"dailyConfirmedData = cumulative2daily(confirmedData)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1249,"value":"dailyDeathData = cumulative2daily(deathData)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1252,"value":"ageDeathData = convertTinyData(dailyDeathData, ageKeys2, \"age\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1239,"value":"function cumulative2daily(cumulativeData, keys = ageKeys2) {\n cumulativeData.sort((a, b) => d3.descending(a.Date, b.Date));\n const data = [...cumulativeData, cumulativeData.slice(-1)[0]];\n // return data;\n return cumulativeData.map((d, i) => {\n const daily = { Date: d.Date };\n const days = moment(data[i].Date).diff(data[i + 1].Date, \"day\");\n keys.forEach((col, idx) => {\n daily[col] = (d[col] - data[i + 1][col]) / days;\n });\n daily.total = d3.sum(keys.map((col) => daily[col]));\n return daily;\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1037,"value":"severe7Data = {\n const data = severeData.sort((a, b) => d3.ascending(a.Date, b.Date));\n\n return data\n .map((d, i) => {\n const daily = { Date: d.Date };\n [...ageKeys2, \"total\"].forEach((col) => {\n daily[col] = sevendaysmean(data, col, i);\n });\n return daily;\n })\n .sort((a, b) => d3.descending(a.Date, b.Date));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":405,"value":"daily7Data = {\n const data = dailyConfirmedData.sort((a, b) => d3.ascending(a.Date, b.Date));\n\n return data\n .map((d, i) => {\n const daily = { Date: d.Date };\n [...ageKeys2, \"total\"].forEach((col) => {\n daily[col] = sevendaysmean(data, col, i);\n });\n return daily;\n })\n .sort((a, b) => d3.descending(a.Date, b.Date));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1261,"value":"death7Data = daily7(dailyDeathData)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2837,"value":"province7Data = {\n const data = dailyConfirmedByProvinceData.sort((a, b) =>\n d3.ascending(a.Date, b.Date)\n );\n\n return data\n .map((d, i) => {\n const daily = { Date: d.Date };\n provinceKeys.forEach((col) => {\n daily[col] = sevendaysmean(data, col, i);\n });\n return daily;\n })\n .sort((a, b) => d3.descending(a.Date, b.Date));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2847,"value":"provinceConfirmed7Data = convertTinyData(province7Data, provinceKeys, \"지역\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2851,"value":"provinceUnitConfirmedData = provinceConfirmed7Data.map((d) => ({\n ...d,\n value: (d.value / provincePopData[d.지역]) * 10 ** 5\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1258,"value":"function daily7(dailyData) {\n const data = dailyData.sort((a, b) => d3.ascending(a.Date, b.Date));\n\n return data\n .map((d, i) => {\n const daily = { Date: d.Date };\n [...ageKeys2, \"total\"].forEach((col) => {\n daily[col] = sevendaysmean(data, col, i);\n });\n return daily;\n })\n .sort((a, b) => d3.descending(a.Date, b.Date));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1264,"value":"ageDeath7Data = convertTinyData(death7Data, ageKeys2, \"age\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":370,"value":"ageConfirmedData = convertTinyData(dailyConfirmedData, ageKeys2, \"age\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":620,"value":"ageConfirmed7Data = convertTinyData(daily7Data, ageKeys2, \"age\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1042,"value":"agesevere7Data = convertTinyData(severe7Data, ageKeys2, \"age\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":617,"value":"function convertTinyData(data, keys, col) {\n return data\n .map((d) =>\n keys.map((k) => {\n const datum = { Date: d.Date, value: d[k] };\n datum[col] = k;\n return datum;\n })\n )\n .flat();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":271,"value":"$39","pinned":false,"hidden":false,"mode":"ojs"},{"id":325,"value":"firstDate = d3.min(testData.map((d) => d.Date))","pinned":false,"hidden":false,"mode":"ojs"},{"id":321,"value":"japanTestData = d3.csvParse(await FileAttachment(\"data2 (1).csv\").text(), autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"function sevendaysmean(data, col, i) {\n const window = i >= 7 ? 7 : i;\n let dataWindow = data.slice(i - window + 1, i + 1);\n if (data[0].Date) {\n const theday = moment(data[i].Date);\n dataWindow = dataWindow.filter((d) => theday.diff(d.Date, \"day\") < 7);\n }\n //\n return d3.mean(dataWindow.map((d) => d[col]));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":460,"value":"ageLastDate = d3.max(ageConfirmedData.map((d) => d.Date))","pinned":false,"hidden":false,"mode":"ojs"},{"id":600,"value":"ageUnitConfirmedData = ageConfirmed7Data\n .map((d) => ({\n ...d,\n value: (d.value / popData[d.age]) * 10 ** 5\n }))\n .filter((d) => d.Date)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2724,"value":"sumByAge = d3\n .groups(\n ageUnitConfirmedData.filter(\n (d) => d\n // (d) => +d.Date <= +new Date(\"2022-1-15\")\n // +d.Date >= +new Date(\"2022-1-15\") && +d.Date <= +new Date(\"2022-2-23\")\n ),\n (d) => d.age\n )\n .map(([age, data]) => ({ age, sum: d3.sum(data, (d) => d.value) }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1045,"value":"ageUnitSevereData = agesevere7Data.map((d) => ({\n ...d,\n value: (d.value / popData[d.age]) * 10 ** 5\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1351,"value":"ageUnitDeathData = ageDeath7Data.map((d) => ({\n ...d,\n value: (d.value / popData[d.age]) * 10 ** 5\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1427,"value":"ageUnitConfirmedDiffData = {\n return d3\n .groups(ageUnitConfirmedData, (d) => d.age)\n .map(([age, data]) =>\n data\n .slice(0, data.length - 1)\n .map((d, i) => ({ ...d, value: d.value - data[i + 1].value }))\n )\n .flat();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2772,"value":"### Functions","pinned":true,"hidden":false,"mode":"md"},{"id":2959,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs"},{"id":2776,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs"},{"id":2858,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs"},{"id":805,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs"},{"id":1004,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs"},{"id":1137,"value":"ageUnitSevereShotData = ageUnitSevereData.map((d) => {\n const shot = shot2Data.filter(\n (s) => s.Date.toDateString() === d.Date.toDateString()\n );\n let matchingAge = d.age;\n if (d.age === \"10대미만\") matchingAge = \"\";\n if (d.age === \"10대\") matchingAge = \"17이하\";\n if (d.age === \"20대\") matchingAge = \"18-29\";\n\n return { ...d, shot2: shot.length ? shot[0][matchingAge] ?? 0 : null };\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1383,"value":"$3f","pinned":false,"hidden":false,"mode":"ojs"},{"id":362,"value":"$40","pinned":false,"hidden":false,"mode":"ojs"},{"id":1363,"value":"day1 = new Date(\"2021-06-01\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1524,"value":"startDate = new Date(\"2021-09-01\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1154,"value":"[...ageKeys2, ...ageKeys]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1141,"value":"shot2Data","pinned":false,"hidden":false,"mode":"ojs"},{"id":687,"value":"ageShot3 = convertTinyData(shot3Data, ageKeys, \"age\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":740,"value":"shotData = shot2Data\n .map((d) => {\n const shot3 = shot3Data.filter((s) => s.Date - d.Date == 0);\n const data = { ...d };\n ageKeys.map((age) => {\n if (shot3[0] && shot3[0][age]) data[age] = shot3[0][age];\n // if (shot3[0]) data[age] = 1;\n });\n return data;\n })\n .sort((a, b) => d3.ascending(a.Date, b.Date))","pinned":false,"hidden":false,"mode":"ojs"},{"id":702,"value":"ageShot2 = convertTinyData(shot2Data, ageKeys, \"age\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":689,"value":"shot3Data","pinned":false,"hidden":false,"mode":"ojs"},{"id":736,"value":"ageKeysMix = [\n \"10대미만\",\n \"17이하\",\n \"18-29\",\n \"30대\",\n \"40대\",\n \"50대\",\n \"60대\",\n \"70대\",\n \"80대이상\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":470,"value":"ageColors = {\n const myColor = d3\n .scaleSequential()\n .domain([8, -1])\n .interpolator(d3.interpolateViridis);\n\n return d3.range(10).map((d) => myColor(d));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"lastDate = ageData[0].Date","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"ratioKeys = Object.keys(shot1Data[0]).filter(\n (d) => d.match(\"_ratio\") && !d.match(/Total|Male|Female/)\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"pick = (obj, keys) =>\n Object.keys(obj)\n .filter((i) => keys.includes(i))\n .reduce((acc, key) => {\n acc[key] = obj[key];\n return acc;\n }, {})","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"ageKeys = ratioKeys.map((d) => d.replace(\"_ratio\", \"\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"ageData = shot1Data\n .map((d) => pick(d, [\"Date\", ...ratioKeys]))\n .map((d) =>\n ratioKeys.map((k) => ({\n Date: d.Date,\n age: k.replace(\"_ratio\", \"\"),\n value: d[k]\n }))\n )\n .flat()","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"myColors = {\n const myColor = d3\n .scaleSequential()\n .domain([11, -5])\n .interpolator(d3.interpolateViridis);\n\n return d3.range(8).map((d) => myColor(d));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"접종률11월 = ageData.filter(\n (d) => d.Date >= new Date(\"2021-11-16\") && d.Date < new Date(\"2021-11-17\")\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":260,"value":"접종률10월 = ageData.filter(\n (d) => d.Date >= new Date(\"2021-10-11\") && d.Date < new Date(\"2021-10-12\")\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":262,"value":"diffs = 접종률11월.map((d, i) => ({\n age: d.age,\n diff: d.value - 접종률10월[i].value\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"function autoType(object) {\n const fixtz =\n new Date(\"2019-01-01T00:00\").getHours() ||\n new Date(\"2019-07-01T00:00\").getHours();\n // console.log(object);\n for (var key in object) {\n var value = object[key].trim(),\n number,\n m;\n console.log(key, value);\n if (!value) value = null;\n else if (value === \"true\") value = true;\n else if (value === \"false\") value = false;\n else if (value === \"NaN\") value = NaN;\n else if (!isNaN((number = +value))) value = number;\n else if (!value.match(/[^\\d,]/)) value = +value.replace(/,/g, \"\");\n else if (\n (m = value.match(\n /^([-+]\\d{2})?\\d{4}(-\\d{2}(-\\d{2})?)?(T\\d{2}:\\d{2}(:\\d{2}(\\.\\d{3})?)?(Z|[-+]\\d{2}:\\d{2})?)?$/\n ))\n ) {\n if (fixtz && !!m[4] && !m[7])\n value = value.replace(/-/g, \"/\").replace(/T/, \" \");\n value = new Date(value);\n } else continue;\n object[key] = value;\n }\n return object;\n}\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":840,"value":"import { addTooltips } from \"@taekie/addtooltips\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":844,"value":"moment = require(\"https://momentjs.com/downloads/moment-with-locales.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2494,"value":"function cossim(a, b, weights) {\n const len = a.length;\n let p = 0;\n let ma = 0;\n let mb = 0;\n for (let i = 0; i < len; i++) {\n p += a[i] * b[i] * (weights ? weights[i] : 1);\n ma += a[i] * a[i];\n mb += b[i] * b[i];\n }\n if (ma === 0 && mb === 0) return 1;\n if (ma * mb === 0) return 0;\n return p / (ma ** 0.5 * mb ** 0.5);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2548,"value":"import { rangeSlider } from \"@mootari/range-slider@1312\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2552,"value":"$41","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W42","stdlib":"1","titling":"auto"}