45:["$","title",null,{"children":"COVID-19 Data for Louisiana | a-prejean | Observable"}] 4d:T442,function def_buttons() { const buttons = html` `; buttons.value = 'cases-per-parish'; buttons.cases.onclick = event => { buttons.value = 'cases-per-parish'; event.preventDefault(); buttons.dispatchEvent(new CustomEvent("input")); }; buttons.hospitalizations.onclick = event => { buttons.value = 'hospitalizations-per-parish'; event.preventDefault(); buttons.dispatchEvent(new CustomEvent("input")); }; buttons.deaths.onclick = event => { buttons.value = 'deaths-per-parish'; event.preventDefault(); buttons.dispatchEvent(new CustomEvent("input")); }; buttons.mobility.onclick = event => { buttons.value = 'mobility-per-parish'; event.preventDefault(); buttons.dispatchEvent(new CustomEvent("input")); }; return buttons; // return { case_btn, death_btn }; }4e:Td9e,// Using Vega // Use this as main map viewof vega_map_embed = vega({ // $schema: "https://vega.github.io/schema/vega/v4.json", width: map_size - 30, height: map_size - 30, background: "transparent", projections: [ { name: "projection", type: "mercator", scale: map_size * 10, center: [-88.1, 30.4] // center: [-88.6, 30.7] } ], data: [ // Add parish data { name: "covid_data", values: parish_data_on_date // Remove this to "embed", BUT doesn't update data in tooltip }, // Add the topoJSON object and give it a name { name: "parishes", values: parishes, format: { type: "topojson", feature: "Parishes" }, // Vega Data Transformations transform: [ { type: "lookup", from: "covid_data", key: "fips", fields: ["properties.fips"], values: [ 'hospitalizations', 'deaths', 'cases', 'mobility_index', 'county', 'date' ] }, // filter out null and NaN values { type: "filter", // expr: "datum.cases != null" expr: "datum[\"cases\"] !== null && !isNaN(datum[\"cases\"])" } ] }, { name: "outlines", values: parishes, format: { type: "topojson", feature: "Parishes" } } ], signals: [ { name: "click", value: {}, on: [{ events: "shape:click", update: "datum" }] } ], marks: [ { type: "shape", from: { data: "outlines" }, encode: { enter: { tooltip: { signal: "{'title': datum.properties.ParishName+' Parish'}" } }, update: { strokeWidth: { value: 0.5 }, stroke: { value: colors.outline }, fill: { value: colors.default }, fillOpacity: { value: 1 } }, hover: { strokeWidth: { value: style.parish_outline }, fill: { value: colors.highlight }, fillOpacity: { value: 0.2 } } }, transform: [{ type: "geoshape", projection: "projection" }] }, // Add the new transformed data { type: "shape", // our "parishes" data now has the field "cases" from the data-transformation from: { data: "parishes" }, encode: { enter: { // tooltip: { field: "county" } //signal: "datum.county" } tooltip: vega_map_tooltip() }, update: { strokeWidth: { value: 0.5 }, stroke: { value: colors.outline }, fill: { scale: "color", field: data_shows() }, fillOpacity: { value: 1 } }, hover: { strokeWidth: { value: style.parish_outline }, fill: { value: colors.highlight }, fillOpacity: { value: 0.1 } } }, transform: [{ type: "geoshape", projection: "projection" }] } ], scales: [vega_map_colors()], legends: [ { fill: "color", title: `Number of ${data_shows_string()}`, direction: "horizontal", orient: "bottom-left", offset: 1, // padding: 5, // tickCount: 3, // values: [0, max_cases], gradientLength: 280 // gradientThickness: 20 // format: ",f", // format: "0.1%", // format: ".0f", // cornerRadius: 4, // strokeColor: '#ccc' } ] })4f:T127e,viewof vega_lite_chart_data = vega({ $schema: "https://vega.github.io/schema/vega-lite/v4.json", // Chart 1: COVID-19 Data // title: chart_title, width: vl_chart_size, height: vl_chart_size * .75, background: "transparent", data: { name: "covid_data", values: parish_daily_data_for(get_selected_parish()) }, transform: [{ fold: ["cases", "deaths", "daily_cases"] }], encoding: { x: { field: "date", type: "temporal", title: "Date" }, strokeWidth: { value: 2 }, opacity: { value: 0.8 } // interpolate: 'monotone' }, layer: [ // rule mark to serve as a guide line { mark: "rule", encoding: { opacity: { condition: { value: 0.05, selection: "hover" }, value: 0 }, // Tooltip bound to guide line tooltip: [ { field: "daily_cases", title: "New Cases (Daily)", type: "quantitative", format: ",.0f" }, { field: "cases", title: "Confirmed Cases", type: "quantitative", format: ",.0f" }, { field: "deaths", title: "Deaths", type: "quantitative", format: ",.0f" }, { field: "date", type: "temporal", timeUnit: "monthdate", title: "Date" } ] }, selection: { hover: { type: "single", encodings: "x", // fields: ["date"], nearest: true, on: "mouseover", empty: "none" // clear: "mouseout" } } }, // Cases { transform: [{ filter: "datum.key == 'cases'" }], encoding: { color: { field: "key", type: "nominal", scale: { range: [colors.cases, colors.deaths, colors.hospitalizations] } }, y: { field: "value", type: "quantitative", scale: { type: "log", domain: [1, max_cases_selected_parish], clamp: true }, title: "Daily Totals" } }, layer: [ // Line { mark: { type: "line", interpolate: "monotone" } }, // Point { transform: [{ filter: { selection: "hover" } }], mark: { type: "circle", size: 60 } } ] }, // Hospitalizations { encoding: { color: { field: "key", type: "nominal" }, opacity: { condition: { value: 0.7, selection: "hover" }, value: 0.1 }, y: { field: "value", type: "quantitative", scale: { type: "log", domain: [1, max_cases_selected_parish], clamp: true } } }, transform: [{ filter: "datum.key == 'daily_cases'" }], layer: [ // Line { mark: { type: "bar", interpolate: "monotone" } }, // Point { transform: [{ filter: { selection: "hover" } }], mark: { type: "circle", size: 60 } } ] }, // Deaths { encoding: { color: { field: "key", type: "nominal" }, y: { field: "value", type: "quantitative", scale: { type: "log", domain: [1, max_cases_selected_parish], clamp: true } } }, layer: [ // Line { transform: [{ filter: "datum.key == 'deaths'" }], mark: { type: "line", interpolate: "monotone" } }, // Point { transform: [{ filter: { selection: "hover" } }], mark: { type: "circle", size: 60 } } ] } ], config: { axis: { gridOpacity: .25, // grid: false, // domain: false // labelAngle: 0, tickColor: null // title: null }, // axisX: { // grid: false, // domain: false, // labelAngle: 0, // tickColor: null, // title: null // }, // axisY: { // grid: false, // domain: false, // labelAngle: 0, // tickColor: null, // title: null // }, // view: { stroke: null }, style: { label: { baseline: "middle", align: "center", dx: -1, dy: -8 }, tick: { orient: "horizontal" } }, legend: { // symbolType: "stroke" // offset: 12, // 18 orient: "bottom", symbolOffset: 40, symbolSize: 100, // gridAlign: "all", columnPadding: 40, rowPadding: 2, title: null } } })50:T936,viewof vega_lite_chart_mobility = vega({ $schema: "https://vega.github.io/schema/vega-lite/v4.json", // Chart 2: Mobility Index // title: chart_title, width: vl_chart_size, height: vl_chart_size * .75, data: { name: "mobility_data", values: mobility_data_for(get_selected_parish()) }, encoding: { x: { field: "date", type: "temporal", title: "Date" }, strokeWidth: { value: 2 }, opacity: { value: 0.8 } // interpolate: 'monotone' }, layer: [ // rule mark to serve as a guide line { mark: "rule", encoding: { opacity: { condition: { value: 0.2, selection: "hover" }, value: 0 }, // Tooltip bound to guide line tooltip: [ { field: "mobility_index", title: "Mobility Index", type: "quantitative", format: ".4f" }, { field: "date", type: "temporal", timeUnit: "monthdate", title: "Date" } ] }, selection: { hover: { type: "single", encodings: "x", nearest: true, on: "mouseover", empty: "none" } } }, // Mobility { encoding: { color: { value: colors.mobility }, y: { field: "mobility_index", type: "quantitative", title: "Mobility Index" } }, layer: [ // Line { mark: { type: "line", interpolate: "monotone" } }, // Point { transform: [{ filter: { selection: "hover" } }], mark: { type: "circle", size: 60 } } ] } ], config: { axis: { gridOpacity: .25, // grid: false, // domain: false // labelAngle: 0, tickColor: null // title: null }, // axisX: { // grid: false, // domain: false, // labelAngle: 0, // tickColor: null, // title: null // }, // axisY: { // grid: false, // domain: false, // labelAngle: 0, // tickColor: null, // title: null // }, // view: { stroke: null }, style: { label: { baseline: "middle", align: "center", dx: -1, dy: -8 }, tick: { orient: "horizontal" } } } })51:Tc06,// Using Vega-Lite viewof la_vega_chart = vega({ $schema: "https://vega.github.io/schema/vega-lite/v4.json", // title: data_title, width: vl_chart_size * 1.75, height: vl_chart_size * 1, background: "transparent", data: { name: "covid_data", values: parish_data }, encoding: { x: { field: "date", type: "temporal", title: "Date" } }, layer: [ // rule mark to serve as a selection and tooltip { selection: { hover: { type: "single", encodings: "x", // fields: ["date"], nearest: true, on: "mouseover", empty: "none" // clear: "mouseout" } }, transform: [ { filter: { field: "county", equal: get_selected_parish() } } ], encoding: { // Tooltip bound to guide line tooltip: [ { field: data_shows(), type: "quantitative", format: ",.0f" }, { field: "date", type: "temporal", timeUnit: "monthdate", title: "Date" } ] }, mark: { type: "rule", stroke: "transparent" } }, // rule mark to serve as a guide line { mark: "rule", encoding: { opacity: { condition: { value: 0.01, selection: "hover" }, value: 0 } } }, // Lines { encoding: { y: { field: data_shows(), type: "quantitative", scale: data_scale() }, color: { field: "county", type: "nominal", legend: null // value: "grey" }, strokeWidth: { value: 1 }, opacity: { value: 0.5 } }, // Line mark: { type: "line", interpolate: "monotone" } }, // Selected Line and Point { encoding: { y: { field: data_shows(), type: "quantitative", scale: data_scale(), title: "Daily Totals" }, color: { field: "county", type: "nominal", legend: null }, strokeWidth: { value: style.stroke_width }, opacity: { condition: { test: { field: "county", equal: get_selected_parish() }, value: 1 }, value: 0 } }, layer: [ // Line { mark: { type: "line", interpolate: "monotone" } }, // Point { transform: [ { filter: { field: "county", equal: get_selected_parish() } }, { filter: { selection: "hover" } } ], mark: { type: "circle", size: style.dot_size } } ] } ], config: { axis: { gridOpacity: .25, // grid: false, domain: false, // labelAngle: 0, tickColor: null // title: null }, style: { label: { baseline: "middle", align: "center", dx: -1, dy: -8 }, tick: { orient: "horizontal" } } } })52:Td62,// Using Vega-Lite viewof la_m_vega_chart = vega({ $schema: "https://vega.github.io/schema/vega-lite/v4.json", // title: data_title, width: vl_chart_size * 1.75, height: vl_chart_size * 1, background: "transparent", data: { name: "mobility_data", values: mobility_data_adjusted_dates }, encoding: { x: { field: "date", type: "temporal", title: "Date" } }, layer: [ // rule mark to serve as a selection and tooltip { selection: { hover: { type: "single", encodings: "x", // fields: ["date"], nearest: true, on: "mouseover", empty: "none" // clear: "mouseout" } }, transform: [ { filter: { field: "county", equal: get_selected_parish() } } ], encoding: { // Tooltip bound to guide line tooltip: [ { field: "mobility_index", // title: "Mobility Index", type: "quantitative", format: ".4f" }, { field: "date", type: "temporal", timeUnit: "monthdate", title: "Date" } ] }, mark: { type: "rule", stroke: "transparent" } }, // rule mark to serve as a guide line { mark: "rule", encoding: { opacity: { condition: { value: 0.01, selection: "hover" }, value: 0 } } }, // Line and Point { encoding: { y: { field: "mobility_index", type: "quantitative", // scale: { // type: "log", // domain: [1, max_counts()], // clamp: true, // base: 5 // }, title: "Mobility Index" }, color: { field: "county", type: "nominal", legend: null // value: "grey" }, strokeWidth: { value: 1 }, opacity: { value: 0.25 } }, // Line mark: { type: "line", interpolate: "monotone" } }, // Selected Parish Line and Point { encoding: { y: { field: "mobility_index", type: "quantitative" // scale: { // type: "log", // domain: [1, max_counts()], // clamp: true, // base: 5 // }, }, color: { field: "county", type: "nominal", legend: null }, strokeWidth: { value: style.stroke_width }, opacity: { condition: { test: { field: "county", equal: get_selected_parish() }, value: 1 }, value: 0 } }, layer: [ // Line { mark: { type: "line", interpolate: "monotone" } }, // Point { transform: [ { filter: { field: "county", equal: get_selected_parish() } }, { filter: { selection: "hover" } } ], mark: { type: "circle", size: style.dot_size } } ] } ], config: { axis: { gridOpacity: .25, // grid: false, domain: false, // labelAngle: 0, tickColor: null // title: null }, style: { label: { baseline: "middle", align: "center", dx: -1, dy: -8 }, tick: { orient: "horizontal" } } } })53:Tb41,// Using Vega-Lite viewof la_chart = vega({ $schema: "https://vega.github.io/schema/vega-lite/v4.json", // title: `COVID-19 Confirmed Cases for Louisiana`, // title: `COVID-19 Data for ${get_selected_parish()} Parish`, width: 640, height: 640 * .65, data: { name: "covid_data", values: parish_data }, encoding: { x: { field: "date", type: "temporal", title: "Date" }, y: { field: "cases", type: "quantitative", scale: { type: "log", base: 10 }, title: "Daily Totals" }, color: { condition: { // selection: "parish", selection: { or: ["hover", "parish"] }, field: "county", type: "nominal", // legend: null legend: { title: "Parishes", symbolLimit: 65, columns: 2 } }, value: "grey" }, opacity: { condition: { // selection: "parish", selection: { or: ["hover", "parish"] }, value: 1 }, value: 0.1 } }, layer: [ { description: "transparent layer to make it easier to trigger selection", selection: { parish: { type: "multi", fields: ["county"], bind: "legend", empty: "all" }, hover: { type: "single", on: "mouseover", clear: "mouseout", empty: "all", // fields: ["county"], init: { county: get_selected_parish() } } }, mark: { type: "line", strokeWidth: 16, stroke: "transparent" }, encoding: { tooltip: [ { field: "county", title: "Parish" }, { field: "cases", title: "Confirmed Cases", type: "quantitative", format: ",.0f" }, { field: "date", type: "temporal", timeUnit: "monthdate", title: "Date" } ] } }, { mark: "line", encoding: { strokeWidth: { condition: { // selection: "parish", selection: { or: ["hover", "parish"] }, value: 2.5 }, value: 1 } } } ], config: { axis: { gridOpacity: .25, // grid: false, // domain: false // labelAngle: 0, tickColor: null // title: null }, // axisX: { // grid: false, // domain: false, // labelAngle: 0, // tickColor: null, // title: null // }, // axisY: { // grid: false, // domain: false, // labelAngle: 0, // tickColor: null, // title: null // }, // view: { stroke: null }, style: { label: { baseline: "middle", align: "center", dx: -1, dy: -8 }, tick: { orient: "horizontal" } } } })54:T974,viewof covid_chart1 = vega({ $schema: "https://vega.github.io/schema/vega-lite/v4.json", data: { values: use_data() }, // title: data_title, width: 620, height: 770, encoding: { x: { field: "date", type: "ordinal", timeUnit: "utcyearmonthdate" // axis: { labelAngle: -40 } }, y: { field: "county", type: "nominal", sort: { field: data_shows(), op: "max", order: "descending" } } }, layer: [ // // Labels // { // mark: { type: "text", baseline: "middle", fontSize: 6 }, // encoding: { // text: { // field: data_shows(), // aggregate: "sum", // type: "quantitative", // format: ",.0f" // } // } // }, { // Define selections here selection: { hover: { type: "single", empty: "none", on: "mouseover" } }, mark: { type: "rect", opacity: 0.9, stroke: "black", strokeWidth: 0.2 }, encoding: { // Change outline thickness on mouse over or click strokeWidth: { condition: [{ selection: "hover", value: 4 }], value: 0.2 }, color: { field: data_shows(), aggregate: "sum", groupby: ["date", "county"], type: "quantitative", scale: data_colors(), legend: { title: `${data_shows_string()}` } }, tooltip: [ { field: "county", title: "Parish", type: "nominal" }, { field: data_shows(), title: `${data_shows_string()}`, aggregate: "sum", groupby: ["county", "date"], type: "quantitative" // format: ",.5f" }, { field: "date", type: "ordinal", timeUnit: "utcyearmonthdate", title: "Date" } ] } } ], config: { axisX: { grid: false, // domain: false, labelAngle: -40, // tickColor: null, title: null }, axisY: { grid: false, // domain: false, labelAngle: 0, // tickColor: null, title: null }, view: { stroke: null }, style: { label: { baseline: "middle", align: "center", dx: -1, dy: -8 }, tick: { orient: "horizontal" } } } })55:T5b3,make_chart = (data, width, domain) => { const bars = vl.markBar({ opacity: 0.25, cornerRadius: 100 }).encode( vl .x() .fieldT('date') .timeUnit('utcyearmonthday') .scale({ domain: date_extent, paddingInner: 0.1, paddingOuter: 0 }) .axis({ tickCount: 'month', format: '%B', grid: false, tickSize: 6 }) .title(null), vl .y() .fieldQ(data_shows()) .scale({ domain, nice: false }) .axis({ tickCount: 4, domain: false, ticks: false, labelAlign: 'left', labelBaseline: 'bottom' }) .title(null), vl.color({ value: '#3698b4' }) ); // Push the line/area layers to the right edge of the bars (1 bandwidth) const xOffset = width / d3.timeDay.count(new Date(date_extent[0]), new Date(date_extent[1])); const line = bars .markLine({ interpolate: 'monotone', xOffset }) .encode(vl.y().fieldQ('mean')); const area = line.markArea({ opacity: 0.2, xOffset }); return vl .layer(bars, area, line) .data(data) .transform( vl.window({ op: 'mean', field: data_shows(), as: 'mean' }).frame([-3, 3]) ) .width(width) .height(width / 5) .autosize({ type: 'fit-x', contains: 'padding' }) .config({ style: { cell: { stroke: 'transparent' } }, axis: { labelColor: '#929292', gridColor: '#ececec' }, padding: { top: 5, right: 0, bottom: 5, left: 0 } }) .render(); }56:T641,// Same as "make_chart" but with LOG scale make_new_chart = (data, width, domain) => { const bars = vl.markBar({ opacity: 0.25, cornerRadius: 100 }).encode( vl .x() .fieldT('date') .timeUnit('utcyearmonthday') .scale({ domain: date_extent, paddingInner: 0.1, paddingOuter: 0 }) .axis({ tickCount: 'month', format: '%B', grid: false, tickSize: 6 }) .title(null), vl .y() .fieldQ(data_shows()) .scale({ type: "log", domain: [1, max_cases_selected_parish], clamp: true, nice: true }) .axis({ tickCount: 4, domain: false, ticks: false, labelAlign: 'left', labelBaseline: 'bottom' }) .title(null), vl.color({ value: '#3698b4' }) ); // Push the line/area layers to the right edge of the bars (1 bandwidth) const xOffset = width / d3.timeDay.count(new Date(date_extent[0]), new Date(date_extent[1])); const line = bars .markLine({ interpolate: 'monotone', xOffset }) .encode(vl.y().fieldQ('mean')); const area = line.markArea({ opacity: 0.2, xOffset }); return vl .layer(bars, area, line) .data(data) .transform( vl.window({ op: 'mean', field: data_shows(), as: 'mean' }).frame([-3, 3]) ) .width(width) .height(width / 5) .autosize({ type: 'fit-x', contains: 'padding' }) .config({ style: { cell: { stroke: 'transparent' } }, axis: { labelColor: '#929292', gridColor: '#ececec' }, padding: { top: 5, right: 0, bottom: 5, left: 0 } }) .render(); }57:T49d,function display(show_as) { if (show_as === "html") { const display = html`

Show Data by Parish for:

Click 'Play' or drag the slider to select a specific date.

${viewof date_selection}

${viewof vega_map_embed}

${viewof map_shows}

${viewof vega_lite_chart}

`; return display; } else { return "Cells are displayed on GitHub Pages"; } }58:T853,function Scrubber( values, { format = value => value, initial = 0, delay = null, autoplay = true, loop = true, alternate = false } = {} ) { values = Array.from(values); const form = html``; let timer = null; let direction = 1; function start() { form.b.textContent = "Pause"; timer = delay === null ? requestAnimationFrame(tick) : setInterval(tick, delay); } function stop() { form.b.textContent = "Play"; if (delay === null) cancelAnimationFrame(timer); else clearInterval(timer); timer = null; } function tick() { if (delay === null) timer = requestAnimationFrame(tick); if ( form.i.valueAsNumber === (direction > 0 ? values.length - 1 : direction < 0 ? 0 : NaN) ) { if (!loop) return stop(); if (alternate) direction = -direction; } form.i.valueAsNumber = (form.i.valueAsNumber + direction + values.length) % values.length; form.i.dispatchEvent(new CustomEvent("input", { bubbles: true })); } form.i.oninput = event => { if (event && event.isTrusted && timer) form.b.onclick(); form.value = values[form.i.valueAsNumber]; form.o.value = format(form.value, form.i.valueAsNumber, values); }; form.b.onclick = () => { if (timer) return stop(); direction = alternate && form.i.valueAsNumber === values.length - 1 ? -1 : 1; form.i.valueAsNumber = (form.i.valueAsNumber + direction) % values.length; form.i.dispatchEvent(new CustomEvent("input", { bubbles: true })); start(); }; form.i.oninput(); if (autoplay) start(); else stop(); disposal(form).then(stop); return form; }59:T54f,// from: https://observablehq.com/@jashkenas/inputs function radio(config = {}) { let { value: formValue, title, description, submit, options, disabled } = Array.isArray(config) ? { options: config } : config; options = options.map(o => typeof o === "string" ? { value: o, label: o } : o ); const form = input({ type: "radio", title, description, submit, getValue: input => { if (input.checked) return input.value; const checked = Array.prototype.find.call(input, radio => radio.checked); return checked ? checked.value : undefined; }, form: html` ` }); form.output.remove(); return form; } // import { radio } from "@jashkenas/inputs"5a: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; }5b: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; }5c:T5de,html``5d:[{"id":"fba6e527e2928ba243ccd2611a0ebee219061ef5f114dd0512d18534daf0ca3a45b08523bc16ee3623f9928e970c1753652d85316ef6f1da9f80dd7c96e6a056","href":"https://static.observableusercontent.com/files/fba6e527e2928ba243ccd2611a0ebee219061ef5f114dd0512d18534daf0ca3a45b08523bc16ee3623f9928e970c1753652d85316ef6f1da9f80dd7c96e6a056","name":"covid_la_03302020@2.csv","type":"text/csv","lastModified":1585591025664.363,"size":1891},{"id":"8cde18cce3f3bd8abfddf9e1b9ccd58481726daf1470129392b1c46b5f0f4c772fc1f93f100591373a6424f7ffa6532cd546bdf74710db6cc9abd0223923d4b9","href":"https://static.observableusercontent.com/files/8cde18cce3f3bd8abfddf9e1b9ccd58481726daf1470129392b1c46b5f0f4c772fc1f93f100591373a6424f7ffa6532cd546bdf74710db6cc9abd0223923d4b9","name":"Mobility_Index.csv","type":"text/csv","lastModified":1586898165600.791,"size":268371}] 49:{"id":"c783ed0a12114310","slug":"covid-19-data-for-louisiana","title":"COVID-19 Data for Louisiana","thumbnail":"3e22f7cc00f8e90585d15adf6834f911397065af720f7c9a03efca8b2c6ceb5b","access_level":"public","create_time":"$D2020-03-27T16:59:54.716Z","update_time":"$D2021-08-18T19:39:33.967Z","view_time":null,"first_public_time":"$D2020-04-03T14:05:27.717Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"35c6fb98d75f57c7","login":"a-prejean","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1e1eab905e0178950c9cc52c30c6f1ac2f5346476be8eb0604c1f2fe61a25ec8","tier":"starter_2024","bio":"","following":false},"version":17269,"publish_version":17269,"role":null,"authored":false,"authors":[{"type":"individual","id":"19bb41fa7cd895fd","login":"a-prejean","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1e1eab905e0178950c9cc52c30c6f1ac2f5346476be8eb0604c1f2fe61a25ec8","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"19bb41fa7cd895fd","login":"a-prejean","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1e1eab905e0178950c9cc52c30c6f1ac2f5346476be8eb0604c1f2fe61a25ec8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"COVID-19 Data for Louisiana","cells":[{"id":0,"value":"md`# COVID-19 Data for Louisiana`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1214,"value":"description = md`[Data from The New York Times](https://www.nytimes.com/interactive/2020/us/coronavirus-us-cases.html), based on reports from state and local health agencies. \nLast updated on **${date_latest_data}**.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14918,"value":"// display()\ndisplay(\"html\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16679,"value":"viewof vl_selected_parish_chart = {\n if (!state_counties_data.length) return md``;\n\n const parishData = county_data.find(d => d.county === get_selected_parish());\n\n return make_figure(parishData.county + ' Parish', parishData, width / 2);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15491,"value":"viewof data_buttons = def_buttons()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15486,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2049,"value":"viewof map_shows = radio({\n // title: 'Show Data by Parish for:',\n options: [\n // { label: 'Confirmed Cases', value: 'default' },\n { label: 'Confirmed Cases', value: 'cases-per-parish' },\n { label: 'Hospitalizations', value: 'hospitalizations-per-parish' },\n { label: 'Deaths', value: 'deaths-per-parish' },\n { label: 'Mobility Index', value: 'mobility-per-parish' }\n ],\n value: 'cases-per-parish' // data_buttons\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1491,"value":"viewof date_selection = Scrubber(pick_date_range(), {\n autoplay: false,\n loop: false,\n // delay: 200,\n initial: 1000, // slider_start()\n format: date =>\n date.toLocaleString(\"en-US\", {\n // weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n timeZone: \"UTC\"\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10960,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15033,"value":"viewof vega_lite_chart = show_vega_lite_chart()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15046,"value":"function show_vega_lite_chart() {\n if (map_shows === \"mobility-per-parish\") {\n return viewof vega_lite_chart_mobility;\n } else {\n return viewof vega_lite_chart_data;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12938,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15037,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15730,"value":"data_title = update_data_title()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15756,"value":"viewof vl_chart = show_vl_chart()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15750,"value":"function show_vl_chart() {\n if (map_shows === \"mobility-per-parish\") {\n return viewof la_m_vega_chart;\n } else {\n return viewof la_vega_chart;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16126,"value":"viewof data_scales = radio({\n options: [\n { label: 'Logarithmic', value: 'logarithmic' },\n { label: 'Linear', value: 'linear' },\n { label: 'Daily', value: 'daily' }\n ],\n value: 'logarithmic'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16132,"value":"data_scale = function(d) {\n if (data_scales === \"logarithmic\") {\n const scale = {\n type: \"log\",\n domain: [1, max_counts()],\n clamp: true,\n base: 10\n };\n return scale;\n } else if (data_scales === \"linear\") {\n const scale = {\n type: \"linear\"\n // domain: [1, max_counts()]\n // clamp: true\n // base: 10\n };\n return scale;\n } else if (data_scales === \"daily\") {\n return \"scale\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15171,"value":"$51","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15753,"value":"$52","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13211,"value":"$53","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1929,"value":"$54","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1918,"value":"description_data = md`County-level data for coronavirus cases in the United States from The New York Times on [GitHub](https://github.com/nytimes/covid-19-data/blob/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":16443,"value":"chart_description = md`## Charts\nBars represent the number of new ${data_shows()} reported per day. Lines represent the seven-day moving average (showing overall trend).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16396,"value":"viewof vl_state_chart = {\n if (!state_counties_data.length) return md``;\n\n const stateData = state_data.find(d => d.state === \"Louisiana\");\n\n return make_figure(stateData.state, stateData, width);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16454,"value":"md`### Parishes\n\n${(state_counties_data.length &&\n `The highest ${\n state_counties_data.length\n } parishes in terms of **${data_shows()}** this past week in **Louisiana**.`) ||\n 'No data to display.'}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16633,"value":"viewof county_scale_type = radio({\n title: 'Chart Scale',\n options: [\n { label: 'Shared', value: 'shared' },\n { label: 'Independent', value: 'independent' }\n ],\n value: 'shared'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16637,"value":"viewof vl_parish_charts = {\n if (!state_counties_data.length) return md``;\n\n const figureWidth = width > 600 ? width / 2 : width;\n\n const domain =\n county_scale_type === 'shared'\n ? [0, d3.max(state_counties_data, d => d3.max(d, v => v[data_shows()]))]\n : undefined;\n\n return html`

${await Promise.all(\n state_counties_data.map(data =>\n make_figure(data.county, data, figureWidth, domain)\n )\n )}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16703,"value":"viewof top_parishes = select({\n title: \"Top Parishes\",\n description: \"Pick how many parishes to display.\",\n options: [2, 3, 4, 5, 6, 7, 8],\n value: 6\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15779,"value":"md`---\n## GitHub Pages \n###### Cells used with site hosted on GitHub Pages`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15714,"value":"chart_title = md`${update_chart_title()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15745,"value":"chart_log_title = update_chart_log_title()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15806,"value":"selected_parish_text = md`Focus on **${get_selected_parish()} Parish**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2737,"value":"md`---\n## Maps`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2061,"value":"// parishes_topo = await d3\n// .json(\n// 'https://raw.githubusercontent.com/a-prejean/data-viz/master/Graphics/la_parishes/la_parishes_topo.json'\n// )\n// .then(d => topojson.feature(d, d.objects.Parishes).features)\n\nparishes = await fetch(\n 'https://raw.githubusercontent.com/a-prejean/data-viz/master/Graphics/la_parishes/la_parishes_topo.json'\n)\n .then(r => r.json())\n .then(r => {\n r.objects.Parishes.geometries = r.objects.Parishes.geometries.map(v => {\n v.properties.fips = `${22}${v.properties.ParishFIPS}`;\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":11070,"value":"// Create new changeset\nchange_date = {\n let date = parish_data_on_date;\n\n // return vega_embed.vega\n // .changeset()\n // .remove(vega_embed.vega.truthy)\n // .insert(date);\n\n return vega\n .changeset()\n .remove(vega.truthy)\n .insert(date);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11074,"value":"// Update choropleth using Vega View API\nvega_map_embed.change(\"covid_data\", change_date).run()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11223,"value":"get_selected = Generators.observe(notify => {\n const signaled = (name, value) => notify(value);\n vega_map_embed.addSignalListener(\"click\", signaled);\n notify(vega_map_embed.signal(\"click\"));\n return () => vega_map_embed.removeSignalListener(\"click\", signaled);\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11234,"value":"function get_selected_parish() {\n if (get_selected.properties != undefined) {\n // return get_selected.county;\n return get_selected.properties.ParishName;\n } else {\n return \"Orleans\";\n }\n}\n\n// get_selected.county","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16599,"value":"md`---\n## Charts`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16384,"value":"$55","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16392,"value":"make_figure = async (\n title,\n data,\n width,\n domain\n) => html`

${title}

\n ${data.past_week.toLocaleString(\n 'en'\n )} NEW ${data_shows().toUpperCase()} IN PAST WEEK
\n ${data.total.toLocaleString(\n 'en'\n )} TOTAL ${data_shows().toUpperCase()}\n

\n ${await make_chart(data, width, domain)}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16815,"value":"$56","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2740,"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":8564,"value":"md`---\n#### Source`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16407,"value":"raw_state_data = await d3.csv(\n 'https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-states.csv'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16398,"value":"// Load the data from NYT\nraw_county_data = d3.csv(\n \"https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-counties.csv\"\n // d3.autoType\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1474,"value":"// For use with Leaflet and geo_json\n// covid_data = await d3.csv(\n// \"https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-counties.csv\",\n// row =>\n// Object.assign(row, {\n// cases: +row.cases,\n// deaths: +row.deaths,\n// // convert date format\n// date: new Date(row.date)\n// // hospitalizations: +row.deaths * 10\n// })\n// )\n\n// For use with topo_json\ncovid_data = await d3.csv(\n \"https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-counties.csv\",\n // d3.autoType\n // row => Object.assign(row, { cases: +row.cases, deaths: +row.deaths }),\n // ({ date, county, state, fips, cases, deaths }) => ({\n // // convert date format\n // date: new Date(date),\n // county: county,\n // state: state,\n // fips: +fips,\n // Cases: +cases,\n // Deaths: +deaths\n // })\n row => ({\n date: new Date(row.date),\n county: row.county,\n state: row.state,\n fips: +row.fips,\n cases: +row.cases,\n deaths: +row.deaths\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4339,"value":"mobility_data = {\n const text = await FileAttachment(\"Mobility_Index.csv\").text();\n const parseDate = d3.timeParse(\"%m/%d/%Y\");\n // return d3.csvParse(text, d3.autoType);\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(ref_dt))\n })\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17007,"value":"// Source: usafacts.org\n\nusafacts_covid_data = await d3.csv(\n \"https://static.usafacts.org/public/data/covid-19/covid_confirmed_usafacts.csv\",\n row => ({\n //date: new Date(row.date),\n county: row[\"County Name\"],\n state: row.State,\n fips: +row.countyFIPS\n //cases: +row.cases,\n //deaths: +row.deaths\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7098,"value":"md`---\n#### Data Sorted`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17173,"value":"parish_data_for(\"Caddo\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17189,"value":"parish_daily_data_for(\"Caddo\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17187,"value":"function parish_daily_data_for(county) {\n const county_data = parish_data.filter(d => d.county === county);\n const data = county_data.map((dd, i) => {\n // Calculate the *new* cases and deaths today by substracting the cases yesterday\n let new_cases = 0;\n if (i === 0) new_cases = +dd.cases;\n else new_cases = +dd.cases - +county_data[i - 1].cases;\n\n return {\n date: dd.date,\n county: dd.county,\n state: dd.state,\n\n fips: dd.fips,\n cases: dd.cases,\n deaths: dd.deaths,\n daily_cases: new_cases\n };\n });\n return data;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17197,"value":"// For use with topo_json\ndaily_covid_data = await d3.csv(\n \"https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-counties.csv\",\n // d3.autoType\n ({ date, county, state, fips, cases, deaths }) => ({\n date: new Date(date),\n county: county,\n state: state,\n fips: +fips,\n cases: +cases,\n deaths: +deaths\n })\n // row => ({\n // date: new Date(row.date),\n // county: row.county,\n // state: row.state,\n // fips: +row.fips,\n // cases: +row.cases,\n // deaths: +row.deaths\n // })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17098,"value":"// New Cases\ncases_per_day = d3.sort(\n parishes_list.map(county => {\n const county_data = parish_data.filter(d => d.county === county);\n const data = county_data.map((dd, i) => {\n // Calculate the *new* cases and deaths today by substracting the cases yesterday\n let new_cases = 0;\n if (i === 0) new_cases = +dd.cases;\n else new_cases = +dd.cases - +county_data[i - 1].cases;\n\n return {\n date: dd.date,\n fips: dd.fips,\n cases: dd.cases,\n deaths: dd.deaths,\n daily_cases: new_cases\n };\n });\n return {\n county,\n data\n };\n }),\n // Sort by the date where the moving average is the highest\n s => -d3.greatestIndex(movingAverage(s.data.map(d => d.daily_cases), 7))\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16431,"value":"date_extent = {\n // const extent = d3.extent(raw_state_data, d => d.date).map(d => new Date(d));\n const extent = d3\n .extent(state_data.find(d => d.state === \"Louisiana\"), d => d.date)\n .map(d => new Date(d));\n\n extent[0].setDate(extent[0].getDate() - 1);\n extent[1].setDate(extent[1].getDate() + 1);\n\n return extent;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16401,"value":"process_data = data => {\n const output = data.map((d, i) => ({\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[data_shows()]),\n total: output[output.length - 1][`total_${data_shows()}`]\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":16406,"value":"state_data = Array.from(\n d3.group(raw_state_data, d => d.state)\n).map(([, rows]) => process_data(rows))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16458,"value":"county_data = Array.from(\n d3.group(raw_county_data, d => d.county + d.state)\n).map(([, rows]) => process_data(rows))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16462,"value":"state_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_parishes)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":827,"value":"// Get only Louisiana data\nparish_data = d3.group(covid_data, d => d.state).get(\"Louisiana\")\n// .map(row =>\n// Object.assign(row, {\n// //hospitalizations: +row.deaths * 10\n// newCasesPerDay: +row.cases\n// // data_type: 1\n// })\n// )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6274,"value":"// Get parish_data on selected date\n// parish_data_on_date = parish_data.filter(v => v.date === date_selection)\nparish_data_on_date = use_data().filter(\n d =>\n d.date.toISOString().slice(0, 10) ===\n selected_date.toISOString().slice(0, 10)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16207,"value":"parish_data_by_date = d3.group(parish_data, d =>\n d.date.toISOString().slice(0, 10)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17086,"value":"// List of Parishes\nparishes_list = [...d3.group(parish_data, d => d.county).keys()]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7905,"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":6535,"value":"function parish_data_for(county) {\n const parish = parish_data.filter(v => v.county === county); // selected_county)\n\n return parish;\n}\n\n// function parish_data_grouped(county) {\n// const parish = d3\n// .group(covid_data, d => d.state)\n// .get(\"Louisiana\")\n// .filter(v => v.county === county);\n\n// return parish;\n// }\n\n// parish_data_selected = parish_data.filter(v => v.county === \"Lafayette\") // selected_county)\n\n// Grouped by Parish\n// parish_data_selected = d3.group(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":7384,"value":"function combine_parish_mobility_data() {\n parish_data.forEach(function(parish) {\n var result = mobility_data.filter(function(mobility) {\n return mobility.fips === parish.fips && mobility.date === parish.date;\n });\n\n parish.mobility_index =\n result[0] !== undefined ? result[0].mobility_index : null;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8224,"value":"function mobility_data_for(county) {\n const parish = mobility_data_adjusted_dates.filter(v => v.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":8249,"value":"// Filter mobility_data by date range(mobility_dates)\nmobility_data_adjusted_dates = mobility_data.filter(\n d => mobility_dates <= d.date.toISOString().slice(0, 10)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14446,"value":"max_cases_selected_parish = d3.max(\n parish_data_for(get_selected_parish()),\n d => d.cases\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5343,"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":5165,"value":"mutable max_mobility = +d3.format(\".1r\")(\n d3.max(mobility_data, d => d.mobility_index) + .75\n)\n\n// +d3.format(\".1r\")(get_max_mobility_on_date(latest_mobility_data).value + 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15348,"value":"max_counts = function(d) {\n if (map_shows === \"default\") {\n return +d3.format(\".3r\")(d3.max(parish_data, d => d.cases) + 10);\n } else if (map_shows === \"hospitalizations-per-parish\") {\n return +d3.format(\".3r\")(d3.max(parish_data, d => d.hospitalizations) + 10);\n } else if (map_shows === \"deaths-per-parish\") {\n return +d3.format(\".3r\")(d3.max(parish_data, d => d.deaths) + 10);\n } else if (map_shows === \"cases-per-parish\") {\n return +d3.format(\".3r\")(d3.max(parish_data, d => d.cases) + 10);\n } else if (map_shows === \"mobility-per-parish\") {\n return +d3.format(\".1r\")(\n d3.max(mobility_data, d => d.mobility_index) + .75\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16180,"value":"dates = [...new Set(parish_data.map(d => d.date.toISOString()))].map(\n d => new Date(d)\n // d => d3.timeFormat(\"%m/%d/%Y\")(new Date(d))\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1376,"value":"dates_BAK = Array.from({ length: difference }) // + 1 })\n .reduce(\n (a, i) => {\n while (a[a.length - 1] < data_latest) {\n const d = new Date(data_start);\n d.setDate(d.getDate() + a.length);\n return [...a, d];\n }\n },\n [data_start]\n )\n// .map(v => v.toISOString().slice(0, 10))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1383,"value":"// start = new Date(Date.now() - 3600 * 24 * 1000 * day_selection) // 60 = # of days\n// data_start = new Date(d3.min(parish_data, d => d.date))\ndata_start = d3.min(parish_data, d => d.date)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1386,"value":"// today = new Date() // Original\n// data_latest = new Date(d3.max(parish_data, d => d.date))\ndata_latest = d3.max(parish_data, d => d.date)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5193,"value":"latest_mobility_data = new Date(d3.max(mobility_data, d => d.date))\n// .toISOString()\n// .slice(0, 10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7049,"value":"date_latest_data = data_latest.toLocaleString(\"en-US\", {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n timeZone: \"UTC\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1380,"value":"difference = parseInt((data_latest - data_start) / 8.64e+7)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8230,"value":"mobility_dates = Array.from({\n length: parseInt((latest_mobility_data - new Date(2020, 2, 1)) / 8.64e+7) + 1\n})\n .reduce(\n (a, i) => {\n while (a[a.length - 1] < latest_mobility_data) {\n const d = new Date(2020, 2, 1);\n d.setDate(d.getDate() + a.length);\n return [...a, d];\n }\n },\n [new Date(2020, 2, 1)]\n )\n .map(v => v.toISOString().slice(0, 10))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8930,"value":"md`---\n##### Other Sources`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8502,"value":"// Time series data from CSSE at Johns Hopkins University\n\ncovid_cases = d3\n .group(\n await d3.csv(\n 'https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_confirmed_US.csv',\n row =>\n Object.assign(row, {\n county: row.Admin2,\n fips: +row.FIPS\n // // convert date format\n // date: new Date(row.Last_Update)\n })\n ),\n\n d => d.Province_State\n )\n .get(\"Louisiana\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8491,"value":"// Time series data from CSSE at Johns Hopkins University\n\ncovid_deaths = d3\n .group(\n await d3.csv(\n 'https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_deaths_US.csv',\n row =>\n Object.assign(row, {\n county: row.Admin2,\n fips: +row.FIPS\n // // convert date format\n // date: new Date(row.Last_Update)\n })\n ),\n\n d => d.Province_State\n )\n .get(\"Louisiana\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9006,"value":"daily = Promise.all([covid_daily_latest, covid_daily2]).then(\n function success(all_data) {\n return d3.merge(all_data);\n },\n function error(e) {\n throw e;\n }\n)\n\n// OR\n// d3.merge([covid_daily_latest, covid_daily2])\n// .then((all_data) => d3.merge(all_data))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8965,"value":"// Set to current date\ncd_latest_date = format_date(new Date(Date.now() - 3600 * 24 * 1000))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8484,"value":"// Latest daily data from CSSE at Johns Hopkins University\n\n// new_covid_data = await d3.csv('https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_daily_reports/04-22-2020.csv')\n\ncovid_daily_latest = d3\n .group(\n await d3.csv(\n 'https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_daily_reports/' +\n cd_latest_date +\n '.csv',\n row =>\n Object.assign(row, {\n county: row.Admin2,\n fips: +row.FIPS,\n cases: +row.Confirmed,\n deaths: +row.Deaths,\n recovered: +row.Recovered,\n active: +row.Active\n // // convert date format\n // date: new Date(row.Last_Update)\n })\n ),\n\n d => d.Province_State\n )\n .get(\"Louisiana\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8511,"value":"// Daily data from CSSE at Johns Hopkins University\n\n// new_covid_data = await d3.csv('https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_daily_reports/04-22-2020.csv')\n\ncovid_daily2 = d3\n .group(\n await d3.csv(\n 'https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_daily_reports/04-21-2020.csv',\n row =>\n Object.assign(row, {\n county: row.Admin2,\n fips: +row.FIPS,\n cases: +row.Confirmed,\n deaths: +row.Deaths,\n recovered: +row.Recovered,\n active: +row.Active\n // convert date format\n // date: new Date(row.date)\n })\n ),\n\n d => d.Province_State\n )\n .get(\"Louisiana\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1371,"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":14938,"value":"$57","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11399,"value":"default_data = \"cases\" //hospitalizations","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11821,"value":"function vega_map_tooltip() {\n const m_tooltip = {\n signal:\n // \"{ \\\"Parish\\\": ''+datum[\\\"county\\\"], \\\"Mobility Index\\\": ''+datum[\\\"mobility_index\\\"], \\\"Date\\\": ''+datum[\\\"date\\\"] }\"\n \"{'title': datum.county+' Parish', 'Mobility Index': datum.mobility_index}\"\n };\n\n const tooltip = {\n signal:\n \"{'title': datum.county+' Parish', 'Confirmed Cases': datum.cases, 'Hospitalizations': datum.hospitalizations, 'Deaths': datum.deaths}\" //, 'Date': datum.date}\"\n // signal: \"{\\\"Parish\\\": datum.county, \\\"Confirmed Cases\\\": datum.cases, \\\"Date\\\": datum.date}\"\n // signal: \"{ \\\"Parish\\\": ''+datum[\\\"county\\\"], \\\"Hospitalizations\\\": ''+datum[\\\"hospitalizations\\\"], \\\"Deaths\\\": ''+datum[\\\"deaths\\\"], \\\"Confirmed Cases\\\": ''+datum[\\\"cases\\\"], \\\"Date\\\": datum[\\\"date\\\"] }\"\n };\n\n if (map_shows === \"mobility-per-parish\") {\n return m_tooltip;\n } else {\n return tooltip;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9773,"value":"map_size = 460 // 300, 480, 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9120,"value":"vl_chart_size = map_size * .9 // 240","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6062,"value":"function pick_date_range() {\n if (map_shows === \"mobility-per-parish\") {\n return mobility_dates;\n } else {\n return dates;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8986,"value":"format_date = d3.timeFormat(\"%m-%d-%Y\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11681,"value":"style = ({\n parish_outline: 4,\n stroke_width: 3,\n dot_size: 80\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4547,"value":"colors = ({\n default: \"#e6e6e6\", // c4ddd1, f2f2f2, ddd\n highlight: \"black\",\n // outline: \"#666666\",\n outline: \"white\",\n // function() {\n // if (map_shows === \"mobility-per-parish\") {\n // return \"#333333\";\n // } else {\n // return \"#666666\";\n // }\n // },\n // outline_highlight: \"#333333\"\n outline_highlight: \"white\",\n // function() {\n // if (map_shows === \"mobility-per-parish\") {\n // return \"#333333\";\n // } else {\n // return \"#666666\";\n // }\n // },\n selected: \"white\", //\"FireBrick\"\n parish_outline: \"#333333\",\n cases: \"#3698b4\", //\"IndianRed\",\n hospitalizations: \"#84c4c9\", //\"Salmon\",\n deaths: \"#276994\", //\"FireBrick\",\n\n mobility: \"#3188a9\",\n map: {\n domain: [0, max_cases], // 2-4\n type: \"sqrt\", // sqrt, log\n // type: \"log\",\n scheme: \"lighttealblue\",\n nice: true\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11380,"value":"function vega_map_colors() {\n if (map_shows === \"mobility-per-parish\") {\n return {\n name: \"color\",\n type: \"linear\",\n domain: [1, max_mobility],\n range: { scheme: \"lighttealblue\" },\n nice: true\n };\n } else {\n return {\n name: \"color\",\n type: \"sqrt\", // sequential\n domain: [0, max_cases],\n range: { scheme: \"lighttealblue\" },\n nice: true\n };\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6323,"value":"function data_colors() {\n if (map_shows === \"mobility-per-parish\") {\n return { scheme: \"lighttealblue\", type: \"log\", domain: [1, 4.6] };\n } else {\n return {\n domain: [1, max_cases],\n type: \"log\",\n scheme: \"lighttealblue\",\n nice: true\n };\n // return { scheme: \"reds\", type: \"log\", domain: [1, 20000] };\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15287,"value":"chart_color = function(d) {\n if (map_shows === \"cases-per-parish\") {\n return colors.cases;\n } else if (map_shows === \"hospitalizations-per-parish\") {\n return colors.hospitalizations;\n } else if (map_shows === \"deaths-per-parish\") {\n return colors.deaths;\n } else if (map_shows === \"cases-per-parish\") {\n return colors.cases;\n } else if (map_shows === \"mobility-per-parish\") {\n return colors.mobility;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2432,"value":"data_shows = function(d) {\n if (map_shows === \"default\") {\n // const data_show = \"hospitalizations\";\n return default_data;\n } else if (map_shows === \"hospitalizations-per-parish\") {\n return \"hospitalizations\";\n } else if (map_shows === \"deaths-per-parish\") {\n return \"deaths\";\n } else if (map_shows === \"cases-per-parish\") {\n return \"cases\";\n } else if (map_shows === \"mobility-per-parish\") {\n return `mobility_index`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2400,"value":"function data_shows_string(d) {\n if (map_shows === \"default\") {\n return default_data;\n } else if (map_shows === \"hospitalizations-per-parish\") {\n return `Hospitalizations`;\n } else if (map_shows === \"deaths-per-parish\") {\n return `Deaths`;\n } else if (map_shows === \"cases-per-parish\") {\n return `Cases`;\n } else if (map_shows === \"mobility-per-parish\") {\n return `Mobility Index`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6291,"value":"function use_data() {\n if (map_shows === \"mobility-per-parish\") {\n return mobility_data_adjusted_dates; // mobility_data\n } else {\n return parish_data;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15738,"value":"function update_chart_log_title() {\n if (map_shows === \"mobility-per-parish\") {\n return md`Mobility Index by Parish`;\n } else {\n return md`Daily totals of ${data_shows_string()} by Parish (Logarithmic Scale)`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6300,"value":"function update_data_title() {\n if (map_shows === \"mobility-per-parish\") {\n return `Mobility Index by Parish`;\n } else {\n return `COVID-19 ${data_shows_string()} by Parish`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15027,"value":"function update_chart_title() {\n if (map_shows === \"mobility-per-parish\") {\n return `Mobility Index for ${get_selected_parish()} Parish`;\n } else {\n return `COVID-19 Data for ${get_selected_parish()} Parish`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1307,"value":"// mutable selected_date = d3.max(covid_data, d => d.date)\n\nmutable selected_date = new Date(date_selection) //.toLocaleString()\n// mutable selected_date = date_selection //.toLocaleString()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1861,"value":"$58","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15442,"value":"// from: https://observablehq.com/@jashkenas/inputs\nfunction button(config = {}) {\n const { value = \"Ok\", title, description, disabled } =\n typeof config === \"string\" ? { value: config } : config;\n const form = input({\n type: \"button\",\n title,\n description,\n attributes: { disabled, value }\n });\n form.output.remove();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15902,"value":"$59","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16698,"value":"$5a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15444,"value":"$5b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15914,"value":"$5c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14030,"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":20,"value":"// d3 = require(\"d3@5\", \"d3-array@^2.2\", \"d3-svg-annotation\")\nd3 = require(\"d3@5\", \"d3-array@2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15446,"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":17106,"value":"import { movingAverage } from \"@d3/moving-average\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17117,"value":"import { TimeChart, TimeAxis } from \"@observablehq/timechart\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4308,"value":"vega = {\n const v = (window.vega = await require(\"vega@5\")); // or 5.11.1\n const vl = (window.vl = await require(\"vega-lite@4\")); // or 4.11.0\n const ve = await require(\"vega-embed@6\"); // or 6.6.0\n\n async function vega(spec, options) {\n const div = document.createElement(\"div\");\n div.value = (await ve(div, spec, options)).view;\n return div;\n }\n vega.changeset = v.changeset;\n return vega;\n}\n\n// https://observablehq.com/@mbostock/hello-vega-embed","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14818,"value":"// vega_embed = require(\"vega-embed@4\") //@3 @6\nvega_embed = require(\"vega-embed@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14815,"value":"// vega_lite = require(\"vega-lite@4\")\nvega_lite = require(\"@observablehq/vega-lite@0.2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16381,"value":"import { vl } from '@vega/vega-lite-api'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7907,"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":1864,"value":"import { disposal } from \"@mbostock/disposal\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W5d","stdlib":"1"}} 44:null