3f:null 40:["$","title",null,{"children":"U.S. ATG Services Animated Map | Censys Workspace | Observable"}] 46:T4bb,viz = { const width = 975; const height = 610; const ctx = DOM.context2d(width, height); const path = d3.geoPath(null, ctx); ctx.canvas.style.maxWidth = "100%"; const container = html`

${legend({ color: colorScaleThreshold, width: 200, height: 45, title: "Current ATG Services", tickFormat: "," })} ${ctx.canvas} ${basemap}

`; ctx.clearRect(0, 0, width, height); curData.forEach((d) => { const geojson = countyGeomLookUp.get(d.fips); if (geojson) { ctx.beginPath(); path(geojson); ctx.lineWidth = 0; ctx.fillStyle = colorScaleThreshold(d.count); ctx.fill(); } }); return container; }47:[{"id":"b51162c31b03e30586513327eaa5e3d8c35076df9a8d6b243bede81198385ed2c4d1a5b9334238e6ff02daff72de95fc025b2b6a0893a9193e7ff4a102500d11","href":"https://static.observableusercontent.com/files/b51162c31b03e30586513327eaa5e3d8c35076df9a8d6b243bede81198385ed2c4d1a5b9334238e6ff02daff72de95fc025b2b6a0893a9193e7ff4a102500d11","name":"updated_atg_postal_codes_fips.csv","type":"text/csv","lastModified":1690379262731.841,"size":17233178}] 44:{"id":"16841d12fbd70a01","slug":"us-atg-services-animated-map","title":"U.S. ATG Services Animated Map","thumbnail":"62adad2a6ea27f49ba7499e4a2e34258b3d959f88760e33a93c85889e7d865cd","access_level":"public","create_time":"$D2023-07-26T13:42:58.378Z","update_time":"$D2023-08-21T14:24:05.002Z","view_time":null,"first_public_time":"$D2023-08-21T14:23:04.096Z","has_unpublished_edits":null,"fork":{"id":"9924cc96eb360b48","slug":"u-s-coronavirus-cumulative-cases-animated-map","title":"U.S. Coronavirus Cumulative Cases Animated Map","owner":{"id":"38569aaf9cf67d70","login":"clhenrick","name":"Chris Henrick"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b8fb3681ff04dae2","login":"censys-ws","name":"Censys Workspace","avatar_url":"https://avatars-next.observableusercontent.com/d96e197eaa2b62e114c62495f4fbd0e430c97ebc1338f4d6a2df01e4509f2b02","tier":"starter_2024","bio":"","following":false},"version":541,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"da174358d3260afc","login":"aidan-censys","name":"Aidan H","avatar_url":"https://avatars-next.observableusercontent.com/e0fdd5a037b6309fdd434d069f7ea68ac0079ed0d7f2975f8c2d48b137a2288f","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"da174358d3260afc","login":"aidan-censys","name":"Aidan H","avatar_url":"https://avatars-next.observableusercontent.com/e0fdd5a037b6309fdd434d069f7ea68ac0079ed0d7f2975f8c2d48b137a2288f","tier":null,"role":"editor"},{"type":"team","id":"b8fb3681ff04dae2","login":"censys-ws","name":"Censys Workspace","avatar_url":"https://avatars-next.observableusercontent.com/d96e197eaa2b62e114c62495f4fbd0e430c97ebc1338f4d6a2df01e4509f2b02","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"U.S. ATG Services Animated Map","cells":[{"id":0,"value":"md`# U.S. ATG Services Animated Map\n\nData sourced from Censys historic internet database. Note that this map shows raw counts.\n\n_Note: The map below may take a while to load._\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"viewof date = Scrubber(dates, {\n delay: 150,\n loopDelay: 1000,\n autoplay: true,\n format: formatDate\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"md`

${totalCount.toLocaleString()}\n
\nATG Services${\n totalCount > 1 ? \"s\" : \"\"\n} nationwide by ${formatDate(\n date\n)}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"md`## Helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":267,"value":"// see https://observablehq.com/@d3/color-schemes\ncolorScaleThreshold = d3\n .scaleThreshold()\n .domain([5, 10, 15])\n .range([\"#fee391\", \"#fec44f\", \"#fe9929\", \"#d95f0e\"]) // color brewer yl-or-brwn \"#993404\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"formatDate = (date) =>\n date.toLocaleString(\"en\", { month: \"long\", day: \"numeric\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"md`## Cases distribution\n\nThis chart plots the number of counties for each unique case count for the last date in the dataset. This is useful for getting a sense of the distribution of the data.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"casesDistributionChart = {\n const chart = d3.select(\n html``\n );\n\n chart\n .selectAll(\"circle\")\n .data(binnedByTotalCount)\n .join(\"circle\")\n .attr(\"cx\", ([k, v]) => xScale(k))\n .attr(\"cy\", ([k, v]) => yScale(v))\n .attr(\"fill\", \"steelblue\")\n .attr(\"r\", 2.5)\n .append(\"title\")\n .text(([k, v]) => `${k.toLocaleString()} has ${v} instances`);\n\n chart\n .append(\"g\")\n .attr(\"transform\", `translate(0, ${chartHeight - margin.bottom})`)\n .call(xAxis);\n\n chart\n .append(\"g\")\n .attr(\"transform\", `translate(${margin.left}, 0)`)\n .call(yAxis);\n\n return chart.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"chartHeight = 300","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"margin = ({ top: 10, left: 36, bottom: 36, right: 24 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"xScale = d3\n .scaleLog()\n .base(2)\n .domain([1, maxCount])\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"xAxis = d3.axisBottom(xScale)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":378,"value":"yScale = d3\n .scaleLinear()\n .domain(d3.extent(binnedByTotalCount, ([k, v]) => v))\n .range([chartHeight - margin.bottom, margin.top])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"yAxis = d3.axisLeft(yScale)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":362,"value":"binnedByTotalCount = d3.rollups(\n grouped.get(datesExtent[1]),\n (v) => v.length,\n (d) => d.count\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"md`### Non-Matching Rows\n\nRows that did not join to their county boundary equivalents. These appear to be U.S. territories or cases where the FIPS code is missing.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"nonMatches = rows.filter((d) => countyGeomLookUp.get(d.fips) === undefined)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":345,"value":"[...d3.group(nonMatches, (d) => d.fips).keys()]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":354,"value":"md`### Map Helpers\nData derived from other data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"totalCount = d3.sum(curData, (d) => d.count)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"curData = grouped.get(date)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"maxCount = d3.max(counts)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"quantiles = [0, 0.25, 0.5, 0.75, 1].map((d) => d3.quantile(counts, d))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"datesExtent = d3.extent(dates)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"dates = [...grouped.keys()]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"counts = rows.map((d) => d.count).sort()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"// for joining covid cases to county geometries\ncountyGeomLookUp = new Map(\n topojson\n .feature(us, us.objects.counties)\n .features.map(({ id, ...rest }) => [id, rest])\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"md`Note: \\`d3.group()\\` won't group on unique dates if they are date objects instead of strings. I assume this has something to do with Date objects are not primitive data types? Solve for this by first creating the grouped data, then converting the keys from strings to Date objects, then converting back to an ES6 Map. This prevents from having to duplicate the string -> date conversion elsewhere in the notebook.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"grouped = new Map(\n [...d3.group(rows, (d) => d.date)].map(([key, value]) => [\n new Date(key),\n value\n ])\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"rows = d3.csvParse(\n await FileAttachment(\"updated_atg_postal_codes_fips.csv\").text()\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"md`## Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"topojson = require(\"topojson-client@3\")","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@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"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":50,"value":"import { Scrubber } from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"import { map as basemap, us } from \"@d3/u-s-map-canvas\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 45:"$44:body"