25:["$","title",null,{"children":"D3 U.S. Map | Antoine Valot | Observable"}] 49:[{"id":"6b1776f5a0a0e76e6428805c0074a8f262e3f34b1b50944da27903e014b409958dc29b03a1c9cc331949d6a2a404c19dfd0d9d36d9c32274e6ffbc07c11350ee","href":"https://static.observableusercontent.com/files/6b1776f5a0a0e76e6428805c0074a8f262e3f34b1b50944da27903e014b409958dc29b03a1c9cc331949d6a2a404c19dfd0d9d36d9c32274e6ffbc07c11350ee","name":"counties-albers-10m.json","type":"application/octet-stream","lastModified":1673053286265.672,"size":795407}] 29:{"id":"064fe5e17852de5c","slug":null,"title":"D3 U.S. Map","thumbnail":"bb69fc607ffaeb94b29e8ad82fbe3832e2fab8daea84a0d95ca99e2297b94d91","access_level":"public","create_time":"$D2023-01-07T01:01:26.265Z","update_time":"$D2024-12-05T15:06:01.906Z","view_time":null,"first_public_time":"$D2023-01-07T01:01:26.265Z","has_unpublished_edits":null,"fork":{"id":"e6b14a27aef67561","slug":"d3-u-s-map","title":"D3 U.S. map","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"0635d6cd1e4f0a7f","login":"avalot","name":"Antoine Valot","avatar_url":"https://avatars-next.observableusercontent.com/be9d061be74d463998e1408fb0bfff6e7a9182e63fd0b5e0afa1f5ed4d85c53c","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":132,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"efdbc9b38ddebaa7","login":"avalot","name":"Antoine Valot","avatar_url":"https://avatars-next.observableusercontent.com/be9d061be74d463998e1408fb0bfff6e7a9182e63fd0b5e0afa1f5ed4d85c53c","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"efdbc9b38ddebaa7","login":"avalot","name":"Antoine Valot","avatar_url":"https://avatars-next.observableusercontent.com/be9d061be74d463998e1408fb0bfff6e7a9182e63fd0b5e0afa1f5ed4d85c53c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"D3 U.S. Map","cells":[{"id":0,"value":"md`# D3 U.S. Map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"map = htl.html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"projection = d3.geoAlbersUsa().scale(1300).translate([487.5, 305])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"mutable isPainting = true // Default painting state","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"paintedAreas = new Map()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"function getFill(d) {\n return paintedAreas.get(d.id) ? \"steelblue\" : \"#ccc\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"function dragStarted(event, d) {\n event.sourceEvent.stopPropagation();\n mutable isPainting = !paintedAreas.get(d.id);\n updateFill(d);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"function dragged(event) {\n const element = document.elementFromPoint(\n event.sourceEvent.clientX,\n event.sourceEvent.clientY\n );\n\n if (element && element.tagName === 'path') {\n const datum = d3.select(element).datum();\n if (datum) {\n updateFill(datum);\n }\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"function updateFill(d) {\n paintedAreas.set(d.id, isPainting);\n d3.select(`[data-id='${d.id}']`).attr(\"fill\", getFill(d));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"path = d3.geoPath()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"states = topojson.mesh(us, us.objects.states, (a, b) => a !== b)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"nation = topojson.feature(us, us.objects.nation)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"counties = topojson.mesh(us, us.objects.counties, (a, b) => a !== b && (a.id / 1000 | 0) === (b.id / 1000 | 0))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"us = FileAttachment(\"counties-albers-10m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3-geo@2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null