2f:null 30:["$","title",null,{"children":"young people experiencing homelessness, 2013 - 2020 | Brian Whitton | Observable"}] 35:[] 33:{"id":"9a5e41484c8a78a4","slug":"young-people-experiencing-homelessness-2013-2020","title":"young people experiencing homelessness, 2013 - 2020","thumbnail":"7a71c1919a5eb25ccc2314778650f450da684e346a902001ce1e2fe009a1e775","access_level":"public","create_time":"$D2020-09-21T17:40:20.595Z","update_time":"$D2020-09-22T16:54:39.754Z","view_time":null,"first_public_time":"$D2020-09-22T14:08:36.237Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b8d0dd2195fe9bd3","login":"noslouch","name":"Brian Whitton","avatar_url":"https://avatars-next.observableusercontent.com/4e1f6cbf38aabd65675abcdf59fb15e84a3bb31057e35b71a9ac2d56fa9ddbd1","tier":"starter_2024"},"version":375,"publish_version":375,"role":null,"authored":false,"authors":[{"type":"individual","id":"25cee4ae1684f2b2","login":"noslouch","name":"Brian Whitton","avatar_url":"https://avatars-next.observableusercontent.com/4e1f6cbf38aabd65675abcdf59fb15e84a3bb31057e35b71a9ac2d56fa9ddbd1","tier":null}],"members":[{"type":"individual","id":"25cee4ae1684f2b2","login":"noslouch","name":"Brian Whitton","avatar_url":"https://avatars-next.observableusercontent.com/4e1f6cbf38aabd65675abcdf59fb15e84a3bb31057e35b71a9ac2d56fa9ddbd1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"young people experiencing homelessness, 2013 - 2020","cells":[{"id":0,"value":"md`# young people experiencing homelessness, 2013 - 2020`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"html`\n\n\n${box}\n`;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"makePath = {\n function mouseenter(e, feature) {\n e.target.setAttribute('fill', 'green');\n name.innerHTML = feature.properties.name;\n }\n \n function mouseleave(e) {\n e.target.removeAttribute('fill');\n callout(tooltip, null)\n }\n \n function mousemove(e, feature) {\n console.log(feature)\n callout(tooltip, data.get(feature.id)[year])\n tooltip.attr('transform', `translate(${d3.pointer(e)})`)\n }\n \n return feature => svg`\n mouseenter(e, feature)}\n onmouseleave=${mouseleave}\n onmousemove=${e => mousemove(e, feature)}\n />`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"tooltip = d3.select('#tooltip');","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"name = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"box = html`

hovering over ${name}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"year = '2013-2014';","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"us = d3.json('https://cdn.jsdelivr.net/npm/us-atlas@3/states-albers-10m.json');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"states = topojson.feature(us, us.objects.states)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"data = new Map((await d3.json('https://wsjnewsgraphics.s3.amazonaws.com/projects/archibald/149k-elOtJSFXSGhIygLxTqS1gaxzlFtIdLzPIz0ArYY-dev.json')).map(d => [d.state, d]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"path = d3.geoPath()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"import {html, svg} from \"@observablehq/htl\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"import { callout } from \"@d3/line-chart-with-tooltip\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 34:"$33:body"