25:["$","title",null,{"children":"ECharts | Jimmy | Observable"}] 49:Tad9,function bar_chart(data, div_name, width, height) { // specify chart configuration item and data var option = { backgroundColor: '#2d2e39', tooltip: { backgroundColor: "rgba(56,57,71,0.75)", trigger: "axis", showContent: true, axisPointer: { type: "shadow", shadowStyle: { shadowColor: "rgba(56,57,71,0.75)", opacity: 0.25 }, // lineStyle: { // color: "#e9ebef", // width: "0.5" // }, // crossStyle: { // color: "#e9ebef", // width: "0.5" // } z: 0 } }, dataset: { // dimensions: ["score", "amount", "product"], source: data }, calculable: true, grid: { containLabel: true }, xAxis: { // type: "category" name: "Data Totals", nameLocation: "middle", nameGap: 40, axisLine: { show: false, lineStyle: { color: "#e9ebef" } }, axisTick: { show: false, lineStyle: { color: "#434556" } }, axisLabel: { show: true, textStyle: { color: "#e9ebef", fontSize: 10 } }, splitLine: { show: true, lineStyle: { color: ["#434556"] } } }, yAxis: { type: "category", // value, category, time, log inverse: true, name: "Week / Date", nameLocation: "middle", boundaryGap: true, axisLine: { show: false, lineStyle: { color: "#e9ebef" } }, axisTick: { show: false, lineStyle: { color: "#434556" } }, axisLabel: { show: false }, splitLine: { show: false, lineStyle: { color: ["#434556"] } }, splitArea: { show: false, areaStyle: { color: ["#e9ebef"] } } }, visualMap: { show: false, min: 0, max: 17, dimension: 0, color: ["#7C4DFF", "#448AFF", "#00BCD4"], seriesIndex: 0 }, series: [ { type: "bar", name: "Data", encode: { x: "Actual", y: "Date" }, barGap: "-100%", barWidth: "75%", itemStyle: { barBorderRadius: 50, // or [50, 50, 0, 0], borderWidth: 0, borderColor: "#fff" }, label: { show: true, position: "insideLeft", distance: 10, formatter: "{b}", // or '{@Date}' color: "#e9ebef", fontSize: 10 } } ] }; return draw_echart(option, div_name, width, height); }4a:T107d,function combo_bar_chart(data, div_name, width, height) { // specify chart configuration item and data var option = { backgroundColor: '#2d2e39', color: [gradientBarColorA, gradientBarColorB, curveColor], title: { // text: "ECharts entry example", textStyle: { color: "#f1f1f4" }, subtextStyle: { color: "#b8b9c7" } }, legend: { textStyle: { color: "#e9ebef" // fontSize: 12 } }, tooltip: { backgroundColor: "rgba(56,57,71,0.75)", trigger: "axis", showContent: true, axisPointer: { type: "shadow", shadowStyle: { shadowColor: "rgba(56,57,71,0.75)", opacity: 0.25 }, label: { show: true, color: "#e9ebef", backgroundColor: "#434556", borderWidth: 0, shadowBlur: 0, formatter: "{value}" // formatter: function(params) { return params.value.replace("\n", ""); } }, // lineStyle: { // color: "#e9ebef", // width: "0.5" // }, // crossStyle: { // color: "#e9ebef", // width: "0.5" // } z: 0 } }, dataset: { // dimensions: ["score", "amount", "product"], source: data }, calculable: true, grid: { containLabel: true }, xAxis: { type: "category", // value, category, time, log name: "Week / Date", nameLocation: "middle", nameGap: 32, boundaryGap: true, axisLine: { show: false, lineStyle: { color: "#e9ebef" } }, axisTick: { show: false, lineStyle: { color: "#434556" } }, axisLabel: { show: true, textStyle: { color: "#e9ebef", fontSize: 10 } }, splitLine: { show: false, lineStyle: { color: ["#434556"] } }, splitArea: { show: false, areaStyle: { color: ["#e9ebef"] } } }, yAxis: { // type: "category" name: "Data Totals", nameLocation: "middle", nameGap: 40, axisLine: { show: false, lineStyle: { color: "#e9ebef" } }, axisTick: { show: false, lineStyle: { color: "#434556" } }, axisLabel: { show: true, textStyle: { color: "#e9ebef", fontSize: 10 } }, splitLine: { show: true, lineStyle: { color: ["#434556"] } } }, // series: [ // for data 1 // { type: "bar", smooth: true, seriesLayoutBy: "row" }, // or column (default) // { type: "bar", smooth: true, seriesLayoutBy: "row" }, // { type: "bar", smooth: true, seriesLayoutBy: "row" }, // { type: "bar", smooth: true, seriesLayoutBy: "row" } // ] series: [ { type: "bar", name: "Actual", // stack: "group", encode: { // Map the "amount" column to X axis. x: "Date", // Map the "product" column to Y axis y: "Actual" }, barGap: "-100%", barWidth: "75%", itemStyle: { barBorderRadius: 50, // or [50, 50, 0, 0], borderWidth: 0, borderColor: "#fff" } }, { type: "bar", name: "Forecasted", // stack: "group", encode: { x: "Date", y: "Forecasted" }, barGap: "-100%", barWidth: "75%", itemStyle: { barBorderRadius: 50 // or [50, 50, 0, 0], } }, { type: "line", name: "Moving Average", animationEasing: "cubicOut", lineStyle: { normal: { width: "3" } }, symbolSize: "5", symbol: "circle", showSymbol: false, smooth: true, encode: { x: "Date", y: "CurveValue" } } ] }; return draw_echart(option, div_name, width, height); }4b:Tbd6,function line_chart(data, div_name, width, height) { // specify chart configuration item and data var option = { backgroundColor: '#2d2e39', color: lineColor, legend: { textStyle: { color: "#e9ebef" // fontSize: 12 } }, tooltip: { backgroundColor: "rgba(56,57,71,0.75)", trigger: "axis", showContent: true, axisPointer: { type: "shadow", shadowStyle: { shadowColor: "rgba(56,57,71,0.75)", opacity: 0.25 }, label: { show: true, color: "#e9ebef", backgroundColor: "#434556", borderWidth: 0, shadowBlur: 0, formatter: "{value}" // formatter: function(params) { return params.value.replace("\n", ""); } }, // lineStyle: { // color: "#e9ebef", // width: "0.5" // }, // crossStyle: { // color: "#e9ebef", // width: "0.5" // } z: 0 } }, dataset: { source: data }, calculable: true, grid: { containLabel: true }, xAxis: { type: "category", // value, category, time, log name: "Week / Date", nameLocation: "middle", nameGap: 32, boundaryGap: true, axisLine: { show: false, lineStyle: { color: "#e9ebef" } }, axisTick: { show: false, lineStyle: { color: "#434556" } }, axisLabel: { show: true, textStyle: { color: "#e9ebef", fontSize: 10 } }, splitLine: { show: false, lineStyle: { color: ["#434556"] } }, splitArea: { show: false, areaStyle: { color: ["#e9ebef"] } } }, yAxis: { // type: "category" name: "Data Totals", nameLocation: "middle", nameGap: 40, axisLine: { show: false, lineStyle: { color: "#e9ebef" } }, axisTick: { show: false, lineStyle: { color: "#434556" } }, axisLabel: { show: true, textStyle: { color: "#e9ebef", fontSize: 10 } }, splitLine: { show: true, lineStyle: { color: ["#434556"] } } }, visualMap: { show: false, min: 0, max: 1000, // 17 dimension: 3, // 0 color: ["#1DE9B6", "#00BCD4", "#448AFF"] }, series: [ { type: "line", name: "Data", animationEasing: "cubicOut", lineStyle: { normal: { width: "4" } }, symbolSize: "8", symbol: "circle", showSymbol: true, smooth: true, encode: { x: "Date", y: "CurveValue" } } ] }; return draw_echart(option, div_name, width, height); }4c:T1c18,function multi_line_chart(data, div_name, width, height) { // specify chart configuration item and data var option = { backgroundColor: '#2d2e39', color: color, legend: { textStyle: { color: "#e9ebef" // fontSize: 12 } }, tooltip: { backgroundColor: "rgba(56,57,71,0.75)", trigger: "axis", showContent: true, axisPointer: { type: "shadow", shadowStyle: { shadowColor: "rgba(56,57,71,0.75)", opacity: 0.25 }, label: { show: true, color: "#e9ebef", backgroundColor: "#434556", borderWidth: 0, shadowBlur: 0 // formatter: "{value}" // formatter: function(params) { return params.value.replace("\n", ""); } }, // lineStyle: { // color: "#e9ebef", // width: "0.5" // }, // crossStyle: { // color: "#e9ebef", // width: "0.5" // } z: 0 } }, dataset: { source: data }, calculable: true, grid: { containLabel: true }, xAxis: { type: "category", // value, category, time, log name: "Week / Date", nameLocation: "middle", nameGap: 32, boundaryGap: true, axisLine: { show: false, lineStyle: { color: "#e9ebef" } }, axisTick: { show: false, lineStyle: { color: "#434556" } }, axisLabel: { show: true, textStyle: { color: "#e9ebef", fontSize: 10 } }, splitLine: { show: false, lineStyle: { color: ["#434556"] } }, splitArea: { show: false, areaStyle: { color: ["#e9ebef"] } } }, yAxis: { // type: "log", // value, category, time, log // logBase: 100000, name: "Data Totals", nameLocation: "middle", nameGap: 40, axisLine: { show: false, lineStyle: { color: "#e9ebef" } }, axisTick: { show: false, lineStyle: { color: "#434556" } }, axisLabel: { show: true, textStyle: { color: "#e9ebef", fontSize: 10 } }, splitLine: { show: true, lineStyle: { color: ["#434556"] } } }, series: [ { type: "line", // data: data, // dimensions: 3, name: top_parishes()[0], animationEasing: "cubicOut", lineStyle: { normal: { width: "4" } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [ { offset: 0, color: hexToRgba(color[0], gradient_start) }, { offset: 1, color: hexToRgba(color[0], gradient_end) } ], false ) // shadowColor: hexToRgba(color[0], 0.1), // shadowBlur: 10 } }, symbolSize: "8", symbol: "circle", showSymbol: false, smooth: true, encode: { x: 0, // 1st column (dates) y: 1 // 2nd column } }, { type: "line", name: top_parishes()[1], animationEasing: "cubicOut", lineStyle: { normal: { width: "4" } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [ { offset: 0, color: hexToRgba(color[1], gradient_start) }, { offset: 1, color: hexToRgba(color[1], gradient_end) } ], false ) } }, symbolSize: "8", symbol: "circle", showSymbol: false, smooth: true, encode: { x: 0, // 1st column (dates) y: 2 // next column } }, { type: "line", name: top_parishes()[2], animationEasing: "cubicOut", lineStyle: { normal: { width: "4" } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [ { offset: 0, color: hexToRgba(color[2], gradient_start) }, { offset: 1, color: hexToRgba(color[2], gradient_end) } ], false ) } }, symbolSize: "8", symbol: "circle", showSymbol: false, smooth: true, encode: { x: 0, // 1st column (dates) y: 3 // next column } }, { type: "line", name: top_parishes()[3], animationEasing: "cubicOut", lineStyle: { normal: { width: "4" } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [ { offset: 0, color: hexToRgba(color[3], gradient_start) }, { offset: 1, color: hexToRgba(color[3], gradient_end) } ], false ) } }, symbolSize: "8", symbol: "circle", showSymbol: false, smooth: true, encode: { x: 0, // 1st column (dates) y: 4 // next column } }, { type: "line", name: top_parishes()[4], animationEasing: "cubicOut", lineStyle: { normal: { width: "4" } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [ { offset: 0, color: hexToRgba(color[4], gradient_start) }, { offset: 1, color: hexToRgba(color[4], gradient_end) } ], false ) } }, symbolSize: "8", symbol: "circle", showSymbol: false, smooth: true, encode: { x: 0, // 1st column (dates) y: 5 // next column } } ] }; return draw_echart(option, div_name, width, height); }4d:T6e4,pie_chart_options = ({ backgroundColor: '#2d2e39', color: ["#d28084", "#a78eb6", "#49a4b1", "#65B77A", "#D2B950"], tooltip: { trigger: "item" // formatter: "{a}
{b}: {c} ({d}%)" }, // legend: { // orient: 'vertical', // left: 10, // // data: ['Data A', 'Data B', 'Data C', 'Data D', 'Data E'] // }, series: [ { type: "pie", name: "Test Data", // roseType: 'area', animation: true, hoverOffset: 4, // 10 startAngle: 90, // For doughnut: // radius: ["32%", "64%"], // For pie: radius: '64%', center: ['50%', '50%'], itemStyle: { borderColor: "#2d2e39", borderWidth: 4 }, avoidLabelOverlap: true, label: { show: true, formatter: "{b} ({d}%)", position: "outer", alignTo: "edge", // none(default), labelLine, edge margin: 10, bleedMargin: 10, distanceToLabelLine: 16, // padding*2 padding: 8, fontSize: 12, color: "#ffffff", borderRadius: 4, // backgroundColor: 'auto', borderColor: "auto", borderWidth: 2 }, labelLine: { show: true, // length: 32, // length2: 32, // smooth: true, lineStyle: { width: 2 } }, emphasis: { itemStyle: { borderWidth: 0 }, label: { // show: true, distanceToLabelLine: 16, // padding*2 padding: 8, // fontSize: 14, // fontWeight: 'bold', borderWidth: 4 }, labelLine: { lineStyle: { width: 4 } } }, data: pieChartData } ] })4e:T6e2,pieChartOptions = ({ backgroundColor: '#2d2e39', color: ["#d28084", "#a78eb6", "#49a4b1", "#65B77A", "#D2B950"], tooltip: { trigger: "item" // formatter: "{a}
{b}: {c} ({d}%)" }, // legend: { // orient: 'vertical', // left: 10, // // data: ['Data A', 'Data B', 'Data C', 'Data D', 'Data E'] // }, series: [ { type: "pie", name: "Test Data", // roseType: 'area', animation: true, hoverOffset: 4, // 10 startAngle: 90, // For doughnut: // radius: ["32%", "64%"], // For pie: radius: '64%', center: ['50%', '50%'], itemStyle: { borderColor: "#2d2e39", borderWidth: 4 }, avoidLabelOverlap: true, label: { show: true, formatter: "{b} ({d}%)", position: "outer", alignTo: "edge", // none(default), labelLine, edge margin: 10, bleedMargin: 10, distanceToLabelLine: 16, // padding*2 padding: 8, fontSize: 12, color: "#ffffff", borderRadius: 4, // backgroundColor: 'auto', borderColor: "auto", borderWidth: 2 }, labelLine: { show: true, // length: 32, // length2: 32, // smooth: true, lineStyle: { width: 2 } }, emphasis: { itemStyle: { borderWidth: 0 }, label: { // show: true, distanceToLabelLine: 16, // padding*2 padding: 8, // fontSize: 14, // fontWeight: 'bold', borderWidth: 4 }, labelLine: { lineStyle: { width: 4 } } }, data: pieChartData } ] })4f:Taf9,// Get values of SPECIFIC parishes on ALL dates function parishes_data_array(parish) { let data_array = []; var dLen = dates.length; var pLen = parish_list.length; // Loop through once for each data value // for (var i = 0, max = dLen; i < max; i++) { for (var i = 0; i < dLen; i++) { var cases_array = []; var parish = "Jefferson"; // for (var j = 0; j < data[n].length; j++) { // cases_array.push({ // name: parish_list[j], // value: data[n][j] // n=date, j=parish // }); // } // for (var parish in parish_list) { // for (var x = 0; x < pLen; i++) { // for (var x = 0; x < 1; i++) { // cases_array.push("Orleans"); // } // var parishes = parish.value; var cases = get_info_on_date(parish, dates[i], "cases").value; var cases2 = get_info_on_date("Orleans", dates[i], "cases").value; var cases3 = get_info_on_date("Lafayette", dates[i], "cases").value; cases_array.push(cases); cases_array.push(cases2); cases_array.push(cases3); // } data_array.push(cases_array); // var cases = get_info_on_date(parishes, dates[i], "cases").value; // var datal = get_info_on_date(data_parish, data_date, "cases").value; // return cases; // data_array.push([dates[i], cases]); // data_array.push(cases); // data_array.push(i); // function(d) { // return { // date: d.date, // county: d.county, // state: d.state, // fips: d.fips, // cases: d.cases, // deaths: d.deaths, // hospitalizations: d.hospitalizations, // mobility_index: d !== undefined ? d.mobility_index : null // }; // } // // grab parish name // var data_parish = parish_data[i].county; // // get date of data // var data_date = parish_data[i].date; // // if data_date equals date provided // // if (data_date.toISOString().slice(0, 10) == date) { // if (data_date == date) { // // grab data value, and convert from string to float // var case_val = get_info_on_date(data_parish, data_date, "cases").value; // // var case_val = parseFloat(parish_data[i].cases); // var death_val = parseFloat(parish_data[i].deaths); // // Find the corresponding state inside the GeoJSON // for (var j = 0, jmax = parishes.features.length; j < jmax; j++) { // var json_parish = parishes.features[j].properties.ParishName; // if (json_parish == data_parish) { // // copy the data value into the JSON // parishes.features[j].properties.case_value = case_val; // parishes.features[j].properties.death_value = death_val; // // stop looking through the JSON // break; // } // } // } } return data_array; }50:T93a,// from: https://observablehq.com/@jashkenas/inputs function input(config) { let { form, type = "text", attributes = {}, action, getValue, title, description, format, display, submit, options } = config; const wrapper = html`

`; if (!form) form = html``; Object.keys(attributes).forEach(key => { const val = attributes[key]; if (val != null) form.input.setAttribute(key, val); }); if (submit) form.append( html`` ); form.append( html`` ); if (title) form.prepend( html`

${title}

` ); if (description) form.append( html`

${description}

` ); if (format) format = typeof format === "function" ? format : d3format.format(format); if (action) { action(form); } else { const verb = submit ? "onsubmit" : type == "button" ? "onclick" : type == "checkbox" || type == "radio" ? "onchange" : "oninput"; form[verb] = e => { e && e.preventDefault(); const value = getValue ? getValue(form.input) : form.input.value; if (form.output) { const out = display ? display(value) : format ? format(value) : value; if (out instanceof window.Element) { while (form.output.hasChildNodes()) { form.output.removeChild(form.output.lastChild); } form.output.append(out); } else { form.output.value = out; } } form.value = value; if (verb !== "oninput") form.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; if (verb !== "oninput") wrapper.oninput = e => e && e.stopPropagation() && e.preventDefault(); if (verb !== "onsubmit") form.onsubmit = e => e && e.preventDefault(); form[verb](); } while (form.childNodes.length) { wrapper.appendChild(form.childNodes[0]); } form.append(wrapper); return form; }51:T4ab,// from: https://observablehq.com/@jashkenas/inputs function select(config = {}) { let { value: formValue, title, description, disabled, submit, multiple, size, options } = Array.isArray(config) ? { options: config } : config; options = options.map(o => typeof o === "object" ? o : { value: o, label: o } ); const form = input({ type: "select", title, description, submit, attributes: { disabled }, getValue: input => { const selected = Array.prototype.filter .call(input.options, i => i.selected) .map(i => i.value); return multiple ? selected : selected[0]; }, form: html` ` }); form.output.remove(); return form; }52:[{"id":"74d3842a66e30788b882ac5052e6aa1b3466aa19c98e243cee6925a4dfea3e0781be5aa1563380e84785ba7d764c442544fd551dfa8708454bcd31d395591a15","href":"https://static.observableusercontent.com/files/74d3842a66e30788b882ac5052e6aa1b3466aa19c98e243cee6925a4dfea3e0781be5aa1563380e84785ba7d764c442544fd551dfa8708454bcd31d395591a15","name":"CompleteRisk.csv","type":"text/csv","lastModified":1699101337782.696,"size":311158},{"id":"c65d97be05071fa62b96b32984abfff06cff938cb11fdfc85782157e019f291c4b50fae9ec5010d1fce9e5acc94b7b06b9206ac78587f2d3bfb7ca63271dc3a0","href":"https://static.observableusercontent.com/files/c65d97be05071fa62b96b32984abfff06cff938cb11fdfc85782157e019f291c4b50fae9ec5010d1fce9e5acc94b7b06b9206ac78587f2d3bfb7ca63271dc3a0","name":"infectionRate@2.csv","type":"text/csv","lastModified":1699101337782.696,"size":3353},{"id":"1315fcdd0f097f779d9f86ac5d964ed611ef6598b1a8c27ba4a2c150ed07e8932ea2d927ba8abf2dbd1926dca903797c8cbd663ee22fee3aca611ef5ad495fab","href":"https://static.observableusercontent.com/files/1315fcdd0f097f779d9f86ac5d964ed611ef6598b1a8c27ba4a2c150ed07e8932ea2d927ba8abf2dbd1926dca903797c8cbd663ee22fee3aca611ef5ad495fab","name":"RecentCases@1.csv","type":"text/csv","lastModified":1699101337782.696,"size":13882},{"id":"4c458a6b47b32fa5b5556b6dca793063292d925eb48347630fdcadb7bc2cd7cfc6f8edc3720feb926799ba60da381f7c6c825ec575501dde85dcd7a42010bcba","href":"https://static.observableusercontent.com/files/4c458a6b47b32fa5b5556b6dca793063292d925eb48347630fdcadb7bc2cd7cfc6f8edc3720feb926799ba60da381f7c6c825ec575501dde85dcd7a42010bcba","name":"Combined_Data@3.csv","type":"text/csv","lastModified":1699101337782.696,"size":15697}] 29:{"id":"3a959e47b24c3bfc","slug":null,"title":"ECharts","thumbnail":"7358cf219b76c4ea59efcc222294642556c7e7373af349b89a3476f9c850a8a5","access_level":"public","create_time":"$D2023-11-04T12:35:37.782Z","update_time":"$D2023-11-04T12:35:37.782Z","view_time":null,"first_public_time":"$D2023-11-04T12:35:37.782Z","has_unpublished_edits":null,"fork":{"id":"1b7e98c84512f51a","slug":"echarts","title":"ECharts","owner":{"id":"35c6fb98d75f57c7","login":"a-prejean","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"ce77106c9f3ea3a1","login":"jimhz","name":"Jimmy","avatar_url":"https://avatars-next.observableusercontent.com/b09637488d48d195bb415c7b90d42b99b59cc3776f3591b19fbb98c1c1c55769","tier":"starter_2024","bio":"","following":false},"version":3341,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2d2edd48771911b1","login":"jimhz","name":"Jimmy","avatar_url":"https://avatars-next.observableusercontent.com/b09637488d48d195bb415c7b90d42b99b59cc3776f3591b19fbb98c1c1c55769","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"2d2edd48771911b1","login":"jimhz","name":"Jimmy","avatar_url":"https://avatars-next.observableusercontent.com/b09637488d48d195bb415c7b90d42b99b59cc3776f3591b19fbb98c1c1c55769","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"ECharts","cells":[{"id":0,"value":"md`# ECharts`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2828,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3239,"value":"viewof width_slider = slider({\n min: 400,\n max: width, // default max width of Observable notebook (954px)\n step: 1,\n value: width, // default value\n title: \"Chart Width\"\n // description: \"Integers from min to max\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3280,"value":"viewof height_slider = slider({\n min: 0.25,\n max: 2,\n precision: 2,\n value: 0.7, // default value\n title: \"Chart Height Ratio\"\n // description: \"A high precision slider example\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2956,"value":"multi_line = multi_line_chart(\n data_array(),\n \"multi_line_chart\",\n width_slider,\n height_ratio\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2931,"value":"combo_bar = combo_bar_chart(\n crest_data_formatted,\n \"combo_bar_chart\",\n width_slider,\n height_ratio\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2847,"value":"line = line_chart(\n crest_data_formatted,\n \"line_chart\",\n width_slider,\n height_ratio\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2907,"value":"bar = bar_chart(crest_data_formatted, \"bar_chart\", width_slider, height_ratio)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3218,"value":"pie1 = draw_echart(pie_chart_options, \"pie1\", width_slider, height_ratio)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3287,"value":"height_ratio = width_slider * height_slider","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2890,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2899,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2840,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2951,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3213,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2893,"value":"function template_chart(data, div_name, width, height) {\n // specify chart configuration item and data\n var option = {};\n\n return draw_echart(option, div_name, width, height);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2831,"value":"function draw_echart(option, div_name, w, h) {\n // var div = html`

`;\n var div = html`

`;\n // var chart = echarts.init(div).setOption(option);\n var chart = echarts.init(div);\n chart.setOption(option);\n\n // call chart.resize() when the DOM container size changes. Changing the viewbox won't work since the position of inner elements are all calculated by ECharts. It won't work with a simple percentage calculating method.\n // chart.resize();\n // chart.resize({\n // width: 'auto',\n // height: 'auto',\n // silent: false\n // }); // => ECharts\n\n return div;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3187,"value":"pieChart_div = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3178,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3198,"value":"pie = echartsInitialised(pieChartOptions, pieChart_div)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3177,"value":"function echartsInitialised(echartOption, chartContainer) {\n echarts.init(chartContainer).setOption(echartOption);\n return true;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2817,"value":"echarts = require(\"https://cdn.jsdelivr.net/npm/echarts@4.9.0/dist/echarts.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2965,"value":"hexToRgba = (hex, opacity) => {\n let rgbaColor = \"\";\n let reg = /^#[\\da-f]{6}$/i;\n if (reg.test(hex)) {\n rgbaColor = `rgba(${parseInt(\"0x\" + hex.slice(1, 3))},${parseInt(\n \"0x\" + hex.slice(3, 5)\n )},${parseInt(\"0x\" + hex.slice(5, 7))},${opacity})`;\n }\n return rgbaColor;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2960,"value":"color = [\"#0090FF\", \"#36CE9E\", \"#FFC005\", \"#FF515A\", \"#8B5CFF\", \"#00CA69\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2970,"value":"gradient_start = 0.1 // 0.25","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2974,"value":"gradient_end = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2843,"value":"lineColor = new echarts.graphic.LinearGradient(\n // 0, 0, 0, 1, // Vertical\n 0,\n 0,\n 1,\n 0, // Horizontal\n [\n { offset: 0, color: \"#448AFF\" },\n { offset: 0.5, color: \"#00BCD4\" },\n { offset: 1, color: \"#1DE9B6\" }\n ]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2942,"value":"gradientBarColorA = new echarts.graphic.LinearGradient(\n 0,\n 0,\n 0,\n 1, // Vertical\n // 0, 0, 1, 0, // Horizontal\n [{ offset: 0, color: \"#a52941\" }, { offset: 1, color: \"#b8454c\" }]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2945,"value":"gradientBarColorB = new echarts.graphic.LinearGradient(\n 0,\n 0,\n 0,\n 1, // Vertical\n // 0, 0, 1, 0, // Horizontal\n [\n { offset: 0, color: \"#ed9537\" },\n { offset: 1, color: \"#fa9d63\" } // e38c4e\n ]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2938,"value":"curveColor = \"#fff388\" // ffffd9, ffffcc","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2913,"value":"// If not defined here, default will be used\n// width = 600 //\"100%\" // \"600px\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2916,"value":"height = width_slider * 0.7 // \"100%\" // '420px'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"md`---\n## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1805,"value":"md`##### Data Sources`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1853,"value":"covid_data = \"https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-counties.csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"// Sample data from CREST\ncrest_data = \"https://raw.githubusercontent.com/a-prejean/data-viz/master/CREST/Combined_Data_Lafayette.csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2064,"value":"json_data = \"https://raw.githubusercontent.com/a-prejean/data-viz/jekyll-site/assets/data/Combined_Data_Lafayette.json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3183,"value":"pieChartData = [\n { value: 335, name: \"Data A\" },\n { value: 510, name: \"Data B\" },\n { value: 634, name: \"Data C\" },\n { value: 800, name: \"Data D\" },\n { value: 948, name: \"Data E\" }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1847,"value":"md`---\n##### Loading Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1865,"value":"// source_data = covid_data\nsource_data = crest_data","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1702,"value":"// Load ALL data from url\nraw_csv_data = d3.csv(source_data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2062,"value":"raw_json_data = d3.json(json_data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1843,"value":"// Load ALL data from url, and format types\nformatted_data = d3.csv(source_data, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1905,"value":"// Load data from url, and only keep defined columns\n// Method 1:\nmodified_data = await d3\n .csv(source_data, d => ({\n Date: d3.timeFormat(\"%m-%d-%Y\")(new Date(d.Date)),\n Parish: d.Parish,\n Cases: +d.Cases\n }))\n // Is this part necessary?:\n .then(function(data) {\n return data;\n })\n\n/*\n// Method 2:\nmodified_data = d3\n .dsv(\",\", source_data, function(d) {\n return {\n Date: d3.timeFormat(\"%m-%d-%Y\")(new Date(d.Date)), // String\n // Date: new Date(d.Date),\n Parish: d.Parish,\n Cases: +d.Cases\n };\n })\n .then(function(data) {\n return data;\n })\n \n \n \n \n \n// Method 3:\nmodified_data = {\n var data = dl.csv(covid_data);\n\n var states = dl\n .groupby(\"state\")\n .count()\n // .summarize({ county: 'Lafayette' })\n .execute(data);\n\n // dl.groupby([{name: \"state\", get: \"Louisiana\"}])\n // .execute(data);\n var county = dl.template('{{\"county\"}}');\n\n return data;\n}\n*/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2787,"value":"// Load data from url, and only keep defined columns\nasync function format_data(source_data) {\n var data_formatted = await d3.csv(source_data, d => ({\n Date: d3.timeFormat(\"%m-%d-%Y\")(new Date(d.Date)),\n Parish: d.Parish,\n // Forecast: d.Forecast,\n Cases: +d.Cases,\n CurveValue: +d.CurveValue === 0 ? \"\" : +d.CurveValue,\n // Index: 0\n Actual: d.Forecast === \"Actual Cases\" ? +d.Cases : \"\",\n Forecasted: d.Forecast === \"Forecasted Cases\" ? +d.Cases : \"\"\n }));\n\n return data_formatted;\n}\n\n// Usage: format_data(crest_data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1983,"value":"// Load data from url, and only keep defined columns\ncrest_data_formatted = await d3.csv(crest_data, d => ({\n Date: d3.timeFormat(\"%m-%d-%Y\")(new Date(d.Date)),\n Parish: d.Parish,\n // Forecast: d.Forecast,\n Cases: +d.Cases,\n CurveValue: +d.CurveValue === 0 ? \"\" : +d.CurveValue,\n // Index: 0\n Actual: d.Forecast === \"Actual Cases\" ? +d.Cases : \"\",\n Forecasted: d.Forecast === \"Forecasted Cases\" ? +d.Cases : \"\"\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"// Load data from url, and only keep defined columns\ncovid_data_formatted = await d3.csv(covid_data, d => ({\n // date: new Date(d.date),\n date: d3.timeFormat(\"%m-%d-%Y\")(new Date(d.date)),\n county: d.county,\n state: d.state,\n fips: +d.fips,\n cases: +d.cases,\n deaths: +d.deaths\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2280,"value":"RiskScore = {\n const text = await FileAttachment(\"CompleteRisk.csv\").text();\n return d3.csvParse(text, d3.autoType);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2324,"value":"infectionRate = {\n const text = await FileAttachment(\"infectionRate@2.csv\").text();\n return d3.csvParse(text, d3.autoType);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2328,"value":"RecentCases = {\n const text = await FileAttachment(\"RecentCases@1.csv\").text();\n return d3.csvParse(text, d3.autoType);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2365,"value":"Combined_Data = {\n const text = await FileAttachment(\"Combined_Data@3.csv\").text();\n const parseDate = d3.timeParse(\"%m/%d/%Y\");\n // return d3.csvParse(text, d3.autoType);\n\n return d3\n .csvParse(text, d3.autoType)\n\n .map(row =>\n Object.assign(row, {\n Date: new Date(row.Date)\n })\n );\n\n // return d3.csvParse(\n // text,\n // ({ county_name, county_fips_code, mobility_index, ref_dt }) => ({\n // county: county_name,\n // fips: +county_fips_code,\n // mobility_index: +mobility_index,\n // // date: ref_dt // default\n // // date: parseDate(ref_dt)\n // // .toISOString()\n // // .slice(0, 10)\n // // convert date format\n // Date: new Date(parseDate(Date))\n // })\n // );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1691,"value":"md`---\n##### Data Sorted, Filtered, and more`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2413,"value":"filter_data = function(source_data) {\n var filtered_data = source_data.filter(function(d) {\n // // Filter by state\n // return d[\"state\"] == \"Louisiana\";\n\n // Filter by county\n return d[\"county\"] == \"Orleans\";\n });\n\n return filtered_data;\n}\n\n// Usage: filter_data(covid_data_formatted)\n// Gives same result as:\n// d3.group(covid_data_formatted, d => d.state).get(\"Louisiana\")\n// d3.group(covid_data_formatted, d => d.county).get(\"Orleans\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":738,"value":"// Get only Louisiana data\nparish_data = d3.group(covid_data_formatted, d => d.state).get(\"Louisiana\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1682,"value":"function parish_data_for(county) {\n const parish = parish_data.filter(d => d.county === county); // selected_county)\n\n return parish;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2238,"value":"mutable max_cases = +d3.format(\".3r\")(d3.max(parish_data, d => d.cases) + 10)\n\n// d3.format(\",.1r\")(get_max_info_on_date(latest_data_date, \"cases\").value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2242,"value":"function get_info_on_date(county, date, info) {\n const row = parish_data.find(\n row => row.county === county && row.date === date\n // row.date.toDateString() === date.toDateString()\n );\n // if value is undefined, return 0\n if (info === \"hospitalizations\") {\n return { date, value: row !== undefined ? row.hospitalizations : 0 };\n } else if (info === \"deaths\") {\n return { date, value: row !== undefined ? row.deaths : 0 };\n } else if (info === \"cases\") {\n return { date, value: row !== undefined ? row.cases : 0 };\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2338,"value":"parish_list = uniqueValid(parish_data, d => d.county)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2377,"value":"dates = [...new Set(parish_data.map(d => d.date))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2595,"value":"data_array_example = data_array()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2593,"value":"// Get values of ALL parishes on ALL dates\nfunction data_array() {\n let data_array = [];\n var dLen = dates.length;\n // var pLen = parish_list.length;\n var pLen = top_parishes().length;\n\n for (var i = 0; i < dLen; i++) {\n var dates_array = [];\n var cases_array = [];\n\n var date = dates[i];\n\n cases_array.push(date);\n\n for (var j = 0; j < pLen; j++) {\n // Create simple table of data\n // var cases = get_info_on_date(parish_list[j], dates[i], \"cases\").value;\n var cases = get_info_on_date(top_parishes()[j], dates[i], \"cases\").value;\n\n cases_array.push(cases);\n\n // // Create JSON object that labels data\n // cases_array.push({\n // date: date,\n // name: top_parishes()[j],\n // value: cases // data[n][j] // n=date, j=parish\n // });\n }\n\n data_array.push(cases_array);\n }\n\n return data_array;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2247,"value":"// Get values of ALL parishes on SPECIFIC date\nfunction parish_data_array(date) {\n let data_array = [];\n var pLen = parish_list.length;\n // var pLen = top_5_parishes.length;\n\n // Loop through once for each data value\n for (var i = 0; i < pLen; i++) {\n var cases = get_info_on_date(parish_list[i], date, \"cases\").value;\n // var cases = get_info_on_date(top_5_parishes[i], date, \"cases\").value;\n\n data_array.push(cases);\n }\n return data_array;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2351,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2252,"value":"// data\nfunction date_data_array(parish) {\n let data_array = [];\n var dLen = dates.length;\n\n // Loop through once for each data value\n for (var i = 0; i < dLen; i++) {\n var cases = parish_data_array(dates[i]);\n data_array.push(cases);\n }\n return data_array;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2258,"value":"parish_data_array_example = parish_data_array(\"04-08-2020\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2355,"value":"parishes_data_array_example = parishes_data_array()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2271,"value":"date_data_array_example = date_data_array()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2268,"value":"date_data_array_example_min_value = d3.min(date_data_array()[183])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2461,"value":"// Get new array from specific column\ncases = crest_data_formatted.map(function(d) {\n return {\n Cases: d.Cases\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2468,"value":"// Filter data\ncurveValueFiltered = crest_data_formatted.filter(function(d) {\n return d.CurveValue != \"\";\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2472,"value":"// Get new array from filtered column\ncurveValue = curveValueFiltered.map(function(d) {\n return d.CurveValue;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2195,"value":"// These all produce the same result\n\n// Use first row to define columns\ntext = d3.csvFormat(crest_data_formatted)\n\n// // Explicitly define columns\n// text = d3.csvFormat(crest_data_formatted, [\"Date\", \"Parish\", \"Cases\"])\n\n// // Can also array.concat this result with an array of column names to generate the first row\n// text = d3.csvFormatRows(\n// [[\"Date\", \"Parish\", \"Cases\"]].concat(\n// crest_data_formatted.map(function(d, i) {\n// return [d.Date, d.Parish, d.Cases];\n// })\n// )\n// )\n\n// // Use with:\n// d3.csvParse(text, d3.autoType)\n\n// // Convert an array of objects to an array of arrays while explicitly specifying the columns (This removes the first row)\n// text = d3.csvFormatRows(\n// crest_data_formatted.map(function(d, i) {\n// return [d.Date, d.Parish, d.Cases];\n// })\n// )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2075,"value":"md`---\n##### Organize COVID Data by County`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2072,"value":"function process_data(data, property) {\n const output = data.map((d, i) => ({\n // county: d.county,\n date: d.date,\n cases: Math.max(d.cases - (data[i - 1] ? data[i - 1].cases : 0), 0),\n deaths: Math.max(d.deaths - (data[i - 1] ? data[i - 1].deaths : 0), 0),\n total_cases: +d.cases,\n total_deaths: +d.deaths\n }));\n\n // // The line/area will be shifted to the right by one band, so prepend\n // // a placeholder value with 0 to the left to make up for it\n // const dayBefore = new Date(output[0].date);\n // dayBefore.setDate(dayBefore.getDate() - 1);\n\n // output.unshift({\n // date: d3.utcFormat('%Y-%m-%d')(dayBefore),\n // cases: 0,\n // deaths: 0,\n // total_cases: 0,\n // total_deaths: 0\n // });\n\n Object.assign(output, data[0], {\n past_week: d3.sum(output.slice(-7), d => d[property]),\n total: output[output.length - 1][`total_${property}`]\n });\n\n ['date', 'cases', 'deaths'].forEach(key => delete output[key]);\n\n return output;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2081,"value":"// Group data by county\ncounty_data = Array.from(\n d3.group(covid_data_formatted, d => d.county + d.state)\n).map(([, rows]) => process_data(rows, \"cases\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2760,"value":"viewof top_x_parishes = select({\n // title: \"Top Parishes\",\n title: `Top (x) Parishes`,\n // description: \"Pick how many parishes to display.\",\n options: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\n value: 5\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2087,"value":"// Get counties with highest totals\nhighest_counties_data = county_data\n .filter(d => d.state === \"Louisiana\")\n .filter(d => d.total)\n .filter(d => d.county !== 'Unknown')\n .filter(d => d.county !== 'District of Columbia')\n .sort((a, b) => d3.descending(a.past_week, b.past_week))\n .slice(0, top_x_parishes) // (0, 10) for top 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2774,"value":"// top_5_parishes = [\"East Baton Rouge\",\"Orleans\",\"St. Tammany\",\"Jefferson\",\"Lafayette\"]\nfunction top_parishes() {\n var parishes = [];\n\n for (var i = 0; i < highest_counties_data.length; i++) {\n parishes.push(highest_counties_data[i].county);\n }\n return parishes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2114,"value":"array_example = highest_counties_data[1]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2127,"value":"name_example = highest_counties_data[1].county","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2778,"value":"name_list_example = top_parishes()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2138,"value":"object_example = highest_counties_data[1][0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2130,"value":"property_example = highest_counties_data[1][0].cases","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1996,"value":"md`---\n##### Generating Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1528,"value":"function interpolate_progression(end, count) {\n var piecewiseNumber = d3.piecewise(d3.interpolateRound, [\n 1,\n // end / 1000,\n // end / 750,\n // end / 500,\n // end / 100,\n end / 50,\n // end / 10,\n end / 5,\n\n // end / 8192,\n // end / 4096,\n // end / 2048,\n // end / 1024,\n // end / 512,\n // Each number divided by 2\n // end / 256,\n // end / 128,\n // end / 64,\n // end / 32,\n // end / 16,\n // end / 8,\n // end / 4,\n // end / 2,\n end\n ]);\n\n var values_array = d3.quantize(piecewiseNumber, count);\n\n return values_array;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1530,"value":"sample_array1 = interpolate_progression(20000, 10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1319,"value":"function make_scale(start, end, count, scale_type) {\n var values_array = [];\n let myScale;\n\n if (scale_type === 'linear') {\n myScale = d3\n .scaleLinear()\n .domain([0, count - 1])\n .range([start, end]);\n } else if (scale_type === 'power') {\n myScale = d3\n .scalePow()\n .exponent(0.5)\n .domain([0, count - 1])\n .range([start, end]);\n } else if (scale_type === 'sqrt') {\n myScale = d3\n .scaleSqrt()\n .domain([0, count - 1])\n .range([start, end]);\n } else if (scale_type === 'log') {\n myScale = d3\n .scaleLog()\n .domain([1, 10])\n .range([start, end]);\n }\n\n if (scale_type === 'log') {\n for (var i = 1; i <= count; i++) {\n // values_array.push(Math.round(myScale(i)));\n values_array.push(myScale(i));\n }\n } else {\n for (var i = 0; i < count; i++) {\n // values_array.push(Math.round(myScale(i)));\n values_array.push(myScale(i));\n }\n }\n\n return values_array;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1321,"value":"sample_array2 = make_scale(0, 20000, 10, 'linear') // linear, power, sqrt, log","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":999,"value":"function scale_log(start, end, count) {\n var logScale = d3.scaleLog().domain([start, end]);\n var logFormat = logScale.tickFormat(count, \"\");\n var values = logScale.ticks(count).map(logFormat);\n\n var filtered_values = [];\n\n for (var i = 0; i < values.length; i++) {\n if (values[i] != \"\") {\n filtered_values.push(values[i]);\n }\n }\n\n return filtered_values;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1001,"value":"sample_array3 = scale_log(1, 20000)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2001,"value":"md`---\n##### Misc.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1764,"value":"// Strings\n// [].concat(highest_counties_data).sort((a, b) => a.date.localeCompare(b.date) || a.county.localeCompare(b.county))\n// Numbers\n// [].concat(highest_counties_data).sort((a, b) => a.total_cases - b.total_cases || a.deaths - b.deaths)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2160,"value":"md`---\n## Functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":711,"value":"// Different ways to define function:\nfunction my_function(data) {\n // my_function = function(data) {\n // my_function = data => {\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":717,"value":"my_function(\"this is a function\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2183,"value":"md`---\n##### Base colors on data value`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":701,"value":"barColors = crest_data_formatted.map(function(d) {\n return d.Forecast === \"Actual Cases\" ? \"#a52941\" : \"#e38c4e\";\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2494,"value":"md`---\n## JSON files`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2292,"value":"md`##### JSON Sources`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2301,"value":"mapbox_geoJson = await fetch(\n 'https://docs.mapbox.com/mapbox-gl-js/assets/us_states.geojson'\n).then(r => r.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"// topoJson\nparishes = await fetch(\n 'https://raw.githubusercontent.com/a-prejean/data-viz/master/Graphics/la_parishes/la_parishes_topo.json'\n).then(r => r.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2499,"value":"md`---\n##### Loading JSON Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2504,"value":"risk_score = await fetch(\n 'https://raw.githubusercontent.com/a-prejean/data-viz/master/Graphics/la_parishes/tl_2019_us_zcta510_la.json'\n)\n .then(r => r.json())\n .then(r => {\n r.features = r.features.map(v => {\n v.properties.ZipCode = +v.properties.ZCTA5CE10;\n v.id = +v.properties.ZCTA5CE10; // OBJECTID\n\n for (var i = 0, max = RiskScore.length; i < max; i++) {\n var data_zip = RiskScore[i].ZIP;\n\n var OccRisk = RiskScore[i].OccRisk;\n var SecRisk = RiskScore[i].SecRisk;\n var VulScore = RiskScore[i].VulScore;\n\n if (data_zip == v.properties.ZipCode) {\n v.properties.OccRisk = OccRisk;\n v.properties.SecRisk = SecRisk;\n v.properties.VulScore = VulScore;\n }\n }\n\n return v;\n });\n return r;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2524,"value":"infection_rate = await fetch(\n 'https://raw.githubusercontent.com/a-prejean/data-viz/master/Graphics/la_parishes/tl_2019_us_zcta510_la.json'\n)\n .then(r => r.json())\n .then(r => {\n r.features = r.features.map(v => {\n v.properties.ZipCode = +v.properties.ZCTA5CE10;\n v.id = +v.properties.ZCTA5CE10;\n\n for (var i = 0, max = infectionRate.length; i < max; i++) {\n var data_zip = infectionRate[i].postal_code;\n\n var data_rate = infectionRate[i].irate;\n\n if (data_zip == v.properties.ZipCode) {\n v.properties.irate = data_rate;\n }\n }\n\n return v;\n });\n return r;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2508,"value":"la_parishes_json = await fetch(\n 'https://raw.githubusercontent.com/a-prejean/data-viz/master/Graphics/la_parishes/la_parishes_geo.json'\n)\n .then(r => r.json())\n .then(r => {\n r.features = r.features.map(v => {\n // v.properties.FIPS = +`${22}${v.properties.ParishFIPS}`;\n // v.id = +v.properties.OBJECTID;\n\n v.properties.name = v.properties.ParishName;\n v.properties.FIPS = +`${22}${v.properties.ParishFIPS}`;\n\n // for (var i = 0, max = RecentCases.length; i < max; i++) {\n // var data_FIPS = RecentCases[i].FIPS;\n\n // var Cases = RecentCases[i].Cases;\n // var Status = RecentCases[i].status;\n\n // if (data_FIPS == v.properties.FIPS) {\n // // v.properties.Parish = Parish; //ParishName\n // v.properties.Cases = Cases;\n // v.properties.Status = Status;\n // }\n // }\n\n return v;\n });\n return r;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2512,"value":"recent_cases_la_ms = await fetch(\n 'https://raw.githubusercontent.com/a-prejean/data-viz/master/Graphics/GeoJSON/counties_la_ms.json'\n)\n .then(r => r.json())\n .then(r => {\n r.features = r.features.map(v => {\n v.properties.ParishName = v.properties.name;\n v.properties.FIPS = +v.id;\n\n for (var i = 0, max = RecentCases.length; i < max; i++) {\n var data_FIPS = RecentCases[i].FIPS;\n\n var Cases = RecentCases[i].Cases;\n var Status = RecentCases[i].status;\n\n if (data_FIPS == v.properties.FIPS) {\n // v.properties.Parish = Parish; //ParishName\n v.properties.Cases = Cases;\n v.properties.Status = Status;\n }\n }\n\n return v;\n });\n return r;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2519,"value":"recent_cases_ms = await fetch(\n 'https://raw.githubusercontent.com/a-prejean/data-viz/master/Graphics/GeoJSON/counties_ms.json'\n)\n .then(r => r.json())\n .then(r => {\n r.features = r.features.map(v => {\n v.properties.ParishName = v.properties.name;\n v.properties.FIPS = +v.id;\n\n for (var i = 0, max = RecentCases.length; i < max; i++) {\n var data_FIPS = RecentCases[i].FIPS;\n\n var Cases = RecentCases[i].Cases;\n var Status = RecentCases[i].status;\n\n if (data_FIPS == v.properties.FIPS) {\n // v.properties.Parish = Parish; //ParishName\n v.properties.Cases = Cases;\n v.properties.Status = Status;\n }\n }\n\n return v;\n });\n return r;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2295,"value":"md`---\n##### Using JSON Files Examples`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2529,"value":"get_properties = recent_cases_la_ms.features[0].properties.Cases","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"get_coordinates = infection_rate.features[0].geometry.coordinates.slice()[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"// topoJson\nget_geometry = parishes.objects.Parishes.geometries[1]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"// topoJson\nfilter_geometry = parishes.objects.Parishes.geometries.filter(\n d => d.properties.ParishName.substring(0, 2) == \"La\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1870,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1867,"value":"$51","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1876,"value":"md`---\n## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"d3 = require(\"d3@6\", \"d3-array@2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1873,"value":"d3format = require(\"d3-format@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":577,"value":"dsv = require(\"d3-dsv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"dl = require('datalib')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":778,"value":"import { uniqueValid } from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1153,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3236,"value":"import { slider } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W52","stdlib":"1"}} 24:null