31:T947,displayText = { const styles = html` ` const isDefault = (selCountyData.type === 'default') const isCounty = (selCountyData.type === 'county')// alternative is tribe if (!selCountyData.narrative) throw 'No county/tribe narrative data' const healthDeptNarrative = md`${selCountyData.narrative}` const hasPharmacyText = html`

A Montana Department of Public Health and Human Services listing indicates following ${selCounty} County pharmacies are also participating in state or federal vaccine distribution efforts.

${d.pharmacy}, ${d.city}

${d.address}

` const noPharmaciesText = md` Pharmacies are also participating in state and federal vaccine distribution efforts in some counties. A [Montana Department of Public Health and Human Services listing](https://dphhs.mt.gov/Portals/85/publichealth/documents/CDEpi/DiseasesAtoZ/2019-nCoV/FedStatePharmLocations.pdf) doesn't include any in ${selCounty} County. ` const pharmacyText = (pharmaciesInSelCounty.length > 0) ? hasPharmacyText : noPharmaciesText const pharmacyFooterText = md`The health department suggests people seeking vaccines contact individual pharmacies to verify availability. Montanans can also search for vaccine availability near them at the U.S. Centers for Disease Control-affiliated VaccineFinder site.` const veteransAffairsText = md`Additionally, veterans who are enrolled in the Montana VA Health Care System can receive vaccines there. As of mid-March, vaccination clinic appointments could be scheduled by calling 877-468-8387.` return html` ${styles}

${healthDeptNarrative} ${(isCounty && pharmacyText) || null} ${(isCounty && pharmacyFooterText) || null} ${(!isDefault && veteransAffairsText) || null}

` }32:T78a,selectorMap = () => map({ // title: (width > 500) ? `Known active COVID-19 cases in Montana, ${d3.timeFormat('%B %d, %Y')(new Date())}` : `Known active COVID-19 cases`, width: largeMapWidth(), height: largeMapWidth() * 0.6, margin: {top: 10, left: 10, right: 10, bottom: 10}, projection: d3.geoAlbers().rotate([110, 0, 0]), layers: [ new FeatureLayer({ geodata: counties, handleFeatureClick: d => set(viewof selCounty, d.properties.NAME), featureOrder: (a,b) => (a.properties.NAME === selCounty) ? 1 : -1, featureStyle: { fill: d => '#d9d1b8', stroke: d => (d.NAME === selCounty) ? '#444' : '#fff', strokeWidth: d => (d.NAME === selCounty) ? 2 : 1, zIndex: d => (d.NAME === selCounty) ? 20 : 1, } }), new FeatureLayer({ geodata: lakes, featureStyle: { fill: d => '#a18c4d', opacity: d => 0.4, stroke: d => 'none', } }), new FeatureLayer({ geodata: highways, featureStyle: { fill: d => 'none', stroke: d => '#a18c4d', opacity: d => 0.5, } }), new PointLayer({ geodata: flatToPointCollection(tribesData), handleFeatureClick: d => set(viewof selCounty, d.properties.Tribe), // labelStyle: { // text: d => (width > 500) ? d.Tribe : '', // dx: d => d.offset ? d.offset[0] : '-0.5em', // dy: d => d.offset ? d.offset[1] : '20px', // }, featureStyle: { radius: d => 10, fill: d => '#7570b3', stroke: d => (d.Tribe === selCounty) ? '#444' : '#fff', strokeWidth: d => (d.Tribe === selCounty) ? 2 : 1.5, } }), new PointLayer({ geodata: cities, labelStyle: { text: d => (width > 500) ? d.NAME : '', dx: d => d.offset ? d.offset[0] : '0.5em', dy: d => d.offset ? d.offset[1] : '0.5em', }, }), ], })33:Ta2f,cities = ({ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -114.00941481367617, 46.86845609815254 ] }, "properties": { "GEOID": "3050200", "NAME": "Missoula", offset: [-15,12], } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -105.83850296885869, 46.40588180031621 ] }, "properties": { "GEOID": "3049525", "NAME": "Miles City" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -114.32618037830662, 48.21553771988646 ] }, "properties": { "GEOID": "3040075", "NAME": "Kalispell", offset: [-50,5] } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -109.68049816861198, 48.54275568290601 ] }, "properties": { "GEOID": "3035050", "NAME": "Havre" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -112.54225090137798, 45.99630474669668 ] }, "properties": { "GEOID": "3011397", "NAME": "Butte" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -111.05476616601253, 45.682775182946244 ] }, "properties": { "GEOID": "3008950", "NAME": "Bozeman" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -112.0196972521252, 46.59642057169749 ] }, "properties": { "GEOID": "3035600", "NAME": "Helena", offset: [-15,-5], } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -108.55027669152761, 45.788885426373696 ] }, "properties": { "GEOID": "3006550", "NAME": "Billings", offset: [-20,15], } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -111.29948415503986, 47.50216159847621 ] }, "properties": { "GEOID": "3032800", "NAME": "Great Falls" } } ] })34:T566,map = (opts) => { const layers = opts.layers if (layers.length === 0) return 'No layers to map' const title = opts.title const height = opts.height || 600 const width = opts.width || 800 // width comes predefined const topMargin = title ? 40 : 10 const margin = opts.margin || {top: topMargin, left: 40, right: 40, bottom: 10} const projection = opts.projection || d3.geoMercator() // Dimensional calcs const plotWidth = width - margin.left - margin.right const plotHeight = height - margin.top - margin.bottom const svg = d3.select(DOM.svg(width, height)) .style('background-color', '#fff') // .style("width", "100%") .style("height", "auto") // .style('border', '1px solid #ddd') .attr('font-family','sans-serif') const plot = svg.append('g') .attr('transform', `translate(${margin.left},${margin.top})`) .attr('font-size',10) .attr('text-anchor','middle') // fit map based on first layer (i.e. base layer) projection.fitSize([plotWidth, plotHeight], layers[0].geodata) layers.forEach(layer => layer.plot(plot, projection)) if (title) { svg.append('text') .attr('y', margin.top - 14) .attr('x', margin.left + plotWidth / 2) .text(title) .attr('text-anchor','middle') .attr('font-size', 14) .attr('font-weight', 'bold') } return svg.node(); }35:T54c,class FeatureLayer { constructor(opts) { // required opts this.geodata = opts.geodata this.features = opts.geodata.features // optional opts this.featureStyle = opts.featureStyle || {} this.handleFeatureClick = opts.handleFeatureClick || ((e) => null) this.featureOrder = opts.featureOrder || ((a,b) => true) // calculated this.style = { opacity: d => 1, fill: d => '#ddd', fillOpacity: d => 1, stroke: d => '#fff', strokeWidth: d => 1, strokeOpacity: d => 1, ...this.featureStyle } } plot(parent, projection){ const path = d3.geoPath().projection(projection); const style = this.style const shapes = parent.append('g').attr('class','feature-layer') shapes.selectAll('.feature') .data(this.features.sort(this.featureOrder)).enter() .append('path') .attr('d', path) .attr('class', 'feature') .attr('opacity', (f => style.opacity(f.properties))) .attr('fill', (f => style.fill(f.properties))) .attr('fill-opacity', (f => style.fillOpacity(f.properties))) .attr('stroke', (f => style.stroke(f.properties))) .attr('stroke-width', (f => style.strokeWidth(f.properties))) .attr('stroke-opacity', (f => style.strokeOpacity(f.properties))) .on('click', this.handleFeatureClick) } }36:T9c1,class PointLayer { constructor(opts) { // required opts this.geodata = opts.geodata this.features = opts.geodata.features // optional opts this.handleFeatureClick = opts.handleFeatureClick || ((e) => null) this.featureStyle = opts.featureStyle || {} this.labelStyle = opts.labelStyle this.customMarker = opts.customMarker || null // calculated this.style = { radius: d => 2, opacity: d => 1, fill: d => '#222', fillOpacity: d => 1, stroke: d => null, strokeWidth: d => 1, strokeOpacity: d => 1, ...this.featureStyle } this.label = { text: d => null, fill: d => '#000', fontSize: d=> '12px', dx: d => '0.5em', dy: d => '0.5em', textAnchor: d => 'start', ...this.labelStyle } } plot(parent, projection){ const path = d3.geoPath().projection(projection); const style = this.style const label = this.label // const shapes = parent.append('g').attr('class','feature-layer') const customMarker = this.customMarker const markerGroups = parent.append('g').attr('class','feature-layer') .selectAll('.feature') .data(this.features).enter() .append('g') .attr('transform', d => { const point = path.centroid(d) return `translate(${point[0]},${point[1]})` }) if (customMarker) { markerGroups.each(customMarker, label) } else { markerGroups.append('circle') .attr('r', (f => style.radius(f.properties))) .attr('cx', 0) .attr('cy', 0) .attr('class', 'feature') .attr('opacity', (f => style.opacity(f.properties))) .attr('fill', (f => style.fill(f.properties))) .attr('fill-opacity', (f => style.fillOpacity(f.properties))) .attr('stroke', (f => style.stroke(f.properties))) .attr('stroke-width', (f => style.strokeWidth(f.properties))) .attr('stroke-opacity', (f => style.strokeOpacity(f.properties))) .on('click', this.handleFeatureClick) } if (label) { markerGroups.append('text') .attr('x',0) .attr('y',0) .attr('font-size', f => label.fontSize(f.properties)) .attr('text-anchor', f => label.textAnchor(f.properties)) .attr('dy', f => label.dy(f.properties)) .attr('dx', f => label.dx(f.properties)) .attr('fill', f => label.fill(f.properties)) .text(f => label.text(f.properties)) } } }37:T493,class AnnotationLayer { constructor(opts) { // required opts this.annotations = opts.annotations // optional opts this.annotationStyle = opts.annotationStyle this.style = { fill: d => '#000', dx: d => '0.5em', dy: d => '0.5em', textAnchor: 'start', ...this.annotationStyle } } plot(parent, projection){ // const path = d3.geoPath().projection(projection); const style = this.style // const shapes = parent.append('g').attr('class','feature-layer') const annotationGroups = parent.append('g').attr('class','feature-layer') .selectAll('.feature') .data(this.annotations).enter() .append('g') .attr('transform', d => { return `translate(${d.x},${d.y})` }) annotationGroups.append('text') .attr('x',0) .attr('y',0) .attr('text-anchor', style.textAnchor) .attr('font-size', style.textSize) .attr('font-style', style.textStyle) // .attr('dy', f => style.dy(f.properties)) // .attr('dx', f => style.dx(f.properties)) // .attr('fill', f => style.fill(f.properties)) .text(f => f.text) } }38:Tc15,class GroupedPointLayer { constructor(opts) { // required opts this.geodata = opts.geodata this.features = opts.geodata.features this.joinData = opts.joinData this.markerStyle = { // defaults radius: d => 5, opacity: d => 1, fill: d => '#444', fillOpacity: d => 1, stroke: d => '#222', strokeWidth: d => 1, strokeOpacity: d => 1, ...opts.markerStyle } // optional opts this.groupDx = opts.groupDx || 0 this.groupDy = opts.groupDy || 0 } plot(parent, projection){ this.path = d3.geoPath().projection(projection); const sortedFeatures = this.features.sort((a,b) => this.path.centroid(a)[0] - this.path.centroid(b)[0] ) // Awkward internal function b/c .each() screws with this. calls const markerStyle = this.markerStyle const sizer = markerStyle.radius const countyNameKey = item => item.county.toUpperCase() const joinData = this.joinData const groupDx = this.groupDx const groupDy = this.groupDy function buildMapGroup(d,i,nodes) { // console.log('group', joinData) const thisGroupData = joinData .filter(row => countyNameKey(row) === d.properties.NAME) if (thisGroupData.length === 0) return const labelRadiusThreshold = 20 const pack = (data, width, height) => d3.pack() .size([width - 2, height - 2]) .radius(d => sizer(d.data)) .padding(2) (d3.hierarchy({children: data}).sum(sizer)) const root = pack(thisGroupData, 1, 1) const leaf = d3.select(this) .append('g') .selectAll("g") .data(root.leaves()) .enter().append("g") // assumes pre-translated centroids // with jitter // .attr("transform", (d,i) => `translate(${d.x + 1 + Math.random()*2},${d.y + 1 + Math.random()*2})`) // without jitter .attr("transform", (d,i) => `translate(${d.x + 1 + groupDx},${d.y + 1 + groupDy})`) leaf.append("circle") .attr("id", d => (d.leafUid = DOM.uid("leaf")).id) .attr("r", d => d.r) .attr('opacity', f => markerStyle.opacity(f.data)) .attr('fill', f => markerStyle.fill(f.data)) .attr("fill-opacity", f => markerStyle.fillOpacity(f.data)) .attr('stroke', f => markerStyle.stroke(f.data)) .attr('stroke-width', f => markerStyle.strokeWidth(f.data)) .attr('stroke-opacity', f => markerStyle.strokeOpacity(f.data)) leaf.append("clipPath") .attr("id", d => (d.clipUid = DOM.uid("clip")).id) .append("use") .attr("xlink:href", d => d.leafUid.href); // leaf.append("title") // .text(makeTitleText) } const groups = parent.append('g').attr('class','grouped-point-layer') .selectAll('.point-group') .data(this.features).enter() .append('g').attr('class','point-group') .attr('transform', d => `translate(${this.path.centroid(d)[0]},${this.path.centroid(d)[1]})`) .each(buildMapGroup) } }39:[] 2f:{"title":"Montana COVID-19 vaccination options","cells":[{"id":481,"value":"md`# Montana COVID-19 vaccination options\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1770,"value":"md`### How to embed this graphic\n\nThis interactive tool is available for republication under [Montana Free Press's republication policy](https://montanafreepress.org/publish-our-stories/). News outlets seeking to republish it can do so by adding the following embed code to a custom HTML block or equivalent in their website's content management system.\n\nEmbed code:\n\n\n\n\\`\\`\\`\n\n\\`\\`\\`\n\nContact Eric Dietrich at edietrich@montanafreepress.org with questions about either this embed code or the interactive's content.\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1753,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1557,"value":"interactiveHed = md`### What we know about Montana's COVID-19 vaccine availability\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1301,"value":"interactive = {\n return html`\n

\n\n

${await selectorMap()}

${selectorLegend()}

\n`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1303,"value":"// TODO - \n// countySelector = html``\nviewof selCounty = {\n // const values = counties.features.map(d => d.properties.NAME).sort((a,b) => a.localeCompare(b))\n const values = localityData.map(d => d.county)\n return Select(values, {value: \"SELECT A REGION\",})\n}\n// Select(counties.features.map(d => ({value: d.properties.NAME, label: d.properties.NAME})), {value: \"GALLATIN\", label: \"County\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1329,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1775,"value":"interactiveCredit = html`

Data: KHN/MTFP/UM reporting. Interactive: Eric Dietrich / MTFP.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1740,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1744,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1326,"value":"pharmacies = d3.csv('https://docs.google.com/spreadsheets/d/e/2PACX-1vQbt4yNkA7RaJhZ-QOAstfRk47qAGUDGsAwMa_S9yhLDlZ0Vf1HhiFRh2yOlVNrj4kJDBAAaOJ72Wev/pub?gid=1043120585&single=true&output=csv')","pinned":false,"hidden":false,"mode":"ojs"},{"id":1564,"value":"countyData = d3.csv('https://docs.google.com/spreadsheets/d/e/2PACX-1vQbt4yNkA7RaJhZ-QOAstfRk47qAGUDGsAwMa_S9yhLDlZ0Vf1HhiFRh2yOlVNrj4kJDBAAaOJ72Wev/pub?gid=0&single=true&output=csv')","pinned":false,"hidden":false,"mode":"ojs"},{"id":1606,"value":"tribesData = {\n const raw = await d3.csv('https://docs.google.com/spreadsheets/d/e/2PACX-1vQbt4yNkA7RaJhZ-QOAstfRk47qAGUDGsAwMa_S9yhLDlZ0Vf1HhiFRh2yOlVNrj4kJDBAAaOJ72Wev/pub?gid=1417290555&single=true&output=csv')\n return raw.map(d => ({county: d.Tribe, ...d}))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1632,"value":"localityData = [{type: 'default', county: 'SELECT A JURISDICTION', narrative: 'Pick a county or tribal community to see vaccination information specific to that area.'}]\n .concat(countyData.map(d => ({type: 'county', ...d})))\n .concat(tribesData.map(d => ({type: 'tribe', ...d})))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1747,"value":"md`### Graphics code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1410,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1652,"value":"selectorLegend = () => html`

\n\n \n Counties\n\n \n Tribal communities\n\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1568,"value":"selCountyData = localityData.find(d => d.county === selCounty)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1333,"value":"pharmaciesInSelCounty = pharmacies.filter(d => d.county === selCounty)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1336,"value":"countiesWithoutPharmacies = {\n const countiesInData = Array.from(new Set(pharmacies.map(d => d.county)))\n const countyNames = counties.features.map(d => d.properties.NAME)\n return countyNames.filter(county => !countiesInData.includes(county))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1562,"value":"counties.features.map(d => d.properties.NAME)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1359,"value":"pharmaciesUnmatchedByCountyNames = {\n const countiesInData = Array.from(new Set(pharmacies.map(d => d.county)))\n const countyNames = counties.features.map(d => d.properties.NAME)\n return countiesInData.filter(county => !countyNames.includes(county))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":914,"value":"largeMapWidth = () => {\n if (width <= 600) {\n return width - 20\n } else if (width >= 1400 ){\n return 1400 * 0.9 * 0.66\n } else {\n return width * 0.9 * 0.66 - 10\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1012,"value":"secondaryMapWidth = () => {\n if (width <= 600) {\n return width - 20\n } else if (width >= 1400 ){\n return 1400 * 0.9 * 0.5\n } else {\n return width * 0.9 * 0.5 - 10\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"rawDataOld = [\n {date: '3/13/20', county: 'Gallatin', count: 1},\n {date: '3/13/20', county: 'Yellowstone', count: 1},\n {date: '3/13/20', county: 'Silver Bow', count: 1},\n {date: '3/13/20', county: 'Broadwater', count: 1},\n {date: '3/14/20', county: 'Missoula', count: 2},\n {date: '3/16/20', county: 'Missoula', count: 1},\n {date: '3/16/20', county: 'Yellowstone', count: 1},\n {date: '3/17/20', county: 'Gallatin', count: 2}, // includes one case reclassified as New Hampshire resident\n {date: '3/18/20', county: 'Missoula', count: 1},\n {date: '3/18/20', county: 'Gallatin', count: 1},\n {date: '3/19/20', county: 'Yellowstone', count: 3},\n {date: '3/19/20', county: 'Roosevelt', count: 1},\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"rScale = {\n if (width < 800) {\n return d3.scaleSqrt().domain([0,20000]).range([0,75])\n }\n else {\n return d3.scaleSqrt().domain([0,20000]).range([0,200])\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1111,"value":"popScale = {\n // return d3.scaleSqrt().domain([0,100000]).range([4,20])\n if (width < 800) {\n return d3.scaleSqrt().domain([0,100000]).range([4,20])\n }\n else {\n return d3.scaleSqrt().domain([0,100000]).range([4,25])\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":715,"value":"deathSizeScale = d3.scaleSqrt().domain([0,100]).range([0,25])","pinned":false,"hidden":false,"mode":"ojs"},{"id":280,"value":"// filterDate = new Date('3/21/20')\nfilterDate = new Date()","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"md`## Geodata`","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"counties = {\n const mtCounties = await d3.json('https://gist.githubusercontent.com/eidietrich/1f4727a8fb1a32bda14c921b29028bfd/raw/2479b3ae8ca3aa09c2b9f2cb9c9ca7f892250a96/mt-counties.geojson')\n \n return mtCounties\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1610,"value":"flatToPointCollection = data => {\n const xKey = 'longitude'\n const yKey = 'latitude'\n return {\n type: 'FeatureCollection',\n features: data.map(d => {\n return {\n type: 'Feature',\n geometry: {\n type: 'Point',\n coordinates: [+d[xKey], +d[yKey]]\n },\n properties: {\n // NAME: d.Tribe,\n ...d\n }\n }\n })\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"highways = {\n const highways = await d3.json('https://gist.githubusercontent.com/eidietrich/67cbe6196b6b87698fc42f50e96076ab/raw/4d51ceb627c76360497837e1ac5338698f7df752/ne_mt_highways_state_resolution.topojson.json')\n \n const topo = topojson.feature(highways, highways.objects.highways)\n topo.features = topo.features.filter(d => d.properties.type === 'Major Highway')\n return topo\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"lakes = {\n const topo = await d3.json('https://gist.githubusercontent.com/eidietrich/753ea92617c64c938ad36fddad3b0b7f/raw/63273fccb218ffdcf1d14b0c0d31cbe658588661/mt-major-lakes.json')\n \n const geo = topojson.feature(topo, topo.objects.lakes)\n return geo\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"md`## Libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1730,"value":"toTitleCase = (str) => {\n return str.replace(\n /\\w\\S*/g,\n function(txt) {\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\n }\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1339,"value":"import {Select} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1391,"value":"import {html, svg} from \"@observablehq/htl\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":523,"value":"embed = require('vega-embed@4')","pinned":false,"hidden":false,"mode":"ojs"},{"id":1406,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\"));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":628,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":668,"value":"squareMarker = (d, i, nodes) => {\n // console.log(d, i, nodes)\n const w = 3\n d3.select(nodes[i]).append('rect')\n .attr('x', -w/2)\n .attr('y', -w/2)\n .attr('width', w)\n .attr('height', w)\n .attr('class', 'feature')\n .attr('stroke', '#666')\n .attr('fill', 'none')\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1707,"value":"rawData = d3.csv('https://docs.google.com/spreadsheets/d/e/2PACX-1vS2EPXHJ0dq-XkXlvucrC1OJBZ5QPoyZ4Xp4DyNylKVzEB7Rr0GB0M-JYNsedP87xJ7wxr2gfZjlvFZ/pub?gid=0&single=true&output=csv')","pinned":false,"hidden":false,"mode":"ojs"},{"id":1710,"value":"// md`\n// ${\n// rawData.map(d => {\n// const keys = Object.keys(d)\n// const items = keys.map(k => {\n// return `**${k}**\n// ${d[k]}\n\n// `\n// }).join('\\n')\n// return `----------------\n\n// `.concat(items)\n// })\n// }\n\n// `","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W39","stdlib":"1","titling":"auto"}