31:[] 2f:{"title":"Covid-19 cases per capita by jurisdiction in Missouri","cells":[{"id":632,"value":"md`# Covid-19 cases per capita by jurisdiction in Missouri`","pinned":false,"hidden":false,"mode":"ojs"},{"id":904,"value":"chart = html`\n

\n ${title}\n

\n\n

\n As of ${sinceLastEdit}\n

\n\n ${markRendered}\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1001,"value":"markWidth","pinned":true,"hidden":false,"mode":"ojs"},{"id":1006,"value":"legendConfig = ({\n title: \"Share of Pop.\",\n labelExpr: \"join(['1 in ', datum.value, if(datum.value >= 250, '+', '')], '')\",\n orient: \"none\",\n direction: (markWidth >= 600 ? \"vertical\" : \"horizontal\"),\n legendX: (markWidth >= 600 ? markWidth - 100 : markWidth - 125),\n legendY: 10\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":138,"value":"mark = vl.markGeoshape(\n {\n stroke: '#aaa',\n strokeWidth: 0.25,\n }\n)\n .data(jurisdictions)\n .encode(\n vl.tooltip([\n {type: 'nominal', field: 'name', title: \"Name\"},\n {type: 'quantitative', field: 'shareOfPop', title: \"Share of Pop\", format: \",\"},\n {type: 'quantitative', field: 'cases', title: 'Cases', format: \",\"},\n {type: 'quantitative', field: 'population', title: 'Population', format: \",\"},\n ]), \n vl.color()\n .fieldQ('shareOfPop')\n .scale(\n {\n scheme: \"yelloworangered\",\n domain: [250, 20],\n clamp: true,\n }\n )\n .legend(legendConfig)\n )\n .project(vl.projection('albersUsa'))\n .height(markHeight)\n .width(markWidth)\n .autosize(\n {\n type: \"fit\",\n contains: \"padding\",\n resize: true\n }\n )","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"url = getURL('Attack_Rate_Automated')","pinned":true,"hidden":false,"mode":"ojs"},{"id":109,"value":"layer = arcGIS.getLayer({url: url})","pinned":true,"hidden":false,"mode":"ojs"},{"id":118,"value":"lastEdit = new Date(layer.editingInfo.lastEditDate)","pinned":true,"hidden":false,"mode":"ojs"},{"id":497,"value":"sinceLastEdit = moment(lastEdit).fromNow()","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"queryResults = arcGIS.queryFeatures(\n {url: url, f: \"geojson\"}\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":681,"value":"queryResults.features[0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":657,"value":"jurisdictions = queryResults.features.map(\n d => ({\n type: \"Feature\",\n id: d.id,\n geometry: d.geometry,\n name: d.properties.County,\n cases: d.properties.Cases,\n population: d.properties.Population,\n shareOfPop: Math.round(d.properties.Population / d.properties.Cases)\n })\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":413,"value":"statewideCases = d3_arrays.sum(\n queryResults.features, d => d.properties.Cases\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":426,"value":"statewidePopulation = d3_arrays.sum(\n queryResults.features, d => d.properties.Population\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":650,"value":"shareOfStatePop = d3_format.format(\",\")(Math.round(statewidePopulation / statewideCases))","pinned":true,"hidden":false,"mode":"ojs"},{"id":665,"value":"title = `1 in every ${shareOfStatePop} people in Missouri confirmed Covid-19 positive`","pinned":true,"hidden":false,"mode":"ojs"},{"id":736,"value":"domain = [\n d3_arrays.max(jurisdictions, d => d.shareOfPop),\n d3_arrays.min(jurisdictions, d => d.shareOfPop),\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1030,"value":"d3.histogram()(jurisdictions)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1027,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":764,"value":"vl.markBar()\n .data(jurisdictions)\n .encode(\n vl.x().fieldO(\"shareOfPop\").bin({maxbins: 30}).sort(\"descending\"),\n vl.y().count()\n )\n .render()","pinned":true,"hidden":false,"mode":"ojs"},{"id":901,"value":"markRendered = mark.render()","pinned":true,"hidden":false,"mode":"ojs"},{"id":916,"value":"`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"md`## Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"md`ESRI published a package on npm that provides wrappers for the ArcGIS REST API (see the [docs](https://esri.github.io/arcgis-rest-js/api/)).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"arcGIS = require('@esri/arcgis-rest-feature-layer')","pinned":false,"hidden":false,"mode":"ojs"},{"id":866,"value":"embed = require(\"vega-embed@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":273,"value":"d3_fetch = require('d3-fetch')","pinned":false,"hidden":false,"mode":"ojs"},{"id":411,"value":"d3_arrays = require('d3-arrays')","pinned":false,"hidden":false,"mode":"ojs"},{"id":475,"value":"d3_format = require('d3-format')","pinned":false,"hidden":false,"mode":"ojs"},{"id":357,"value":"moment = require(\"moment\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":959,"value":"import {vl} from '@vega/vega-lite-api'","pinned":false,"hidden":false,"mode":"ojs"},{"id":270,"value":"md`## Utilities`","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"getURL = featureName => `https://services6.arcgis.com/Bd4MACzvEukoZ9mR/arcgis/rest/services/${featureName}/FeatureServer/0`","pinned":false,"hidden":false,"mode":"ojs"},{"id":701,"value":"markWidth = width >= 750 ? 750 : width","pinned":false,"hidden":false,"mode":"ojs"},{"id":702,"value":"markHeight = width >= 500 ? 500 : width","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}