2e:null 2f:["$","title",null,{"children":"clx. BikeTown PDX | David B. | Observable"}] 34:T46c,{ const layers = [ new deck.ArcLayer({ id: 'arc-layer', data: data, pickable: true, opacity: 0.05, strokeWidth: 5, getSourcePosition: d => d.from.coordinates, getTargetPosition: d => d.to.coordinates, getSourceColor: d => [255,237,160], getTargetColor: d => [240,59,32], autoHighlight: true, highlightColor: [0,0,255,255], onHover, visible: true, }), new deck.ScatterplotLayer({ id: 'scatterplot-from', data: data, pickable: true, opacity: 0.001, radiusScale: 1, getPosition: d => d.to.coordinates, getRadius: d => 25, getColor: d => [0, 0, 255], autoHighlight: true, onHover, visible: true, }), new deck.ScatterplotLayer({ id: 'scatterplot-to', data: data, pickable: true, opacity: 0.001, radiusScale: 1, getPosition: d => d.to.coordinates, getRadius: d => 25, getColor: d => [255, 0, 0], autoHighlight: true, onHover, visible: true, }) ]; deckgl.setProps({layers}); return layers; }35:[] 32:{"id":"835fc3439f993d95","slug":"cl-8-biketown-pdx","title":"clx. BikeTown PDX","thumbnail":"1557403f6cee9d1fb7081c43f32dd78c7f2a3b241b9c31ca90ced3e5cfd1a596","access_level":"public","create_time":"$D2018-06-21T06:31:32.170Z","update_time":"$D2018-06-29T17:22:25.135Z","view_time":null,"first_public_time":"$D2018-06-21T06:32:01.225Z","has_unpublished_edits":null,"fork":{"id":"b735b8e313d33ba3","slug":"biketown-pdx","title":"BikeTown Portland","owner":{"id":"f22fbd3892bcac6b","login":"mendozaline","name":"David Mendoza"}},"stars":2,"starred":false,"owner":{"type":"team","id":"fcd7e4188e1df970","login":"bumbeishvili","name":"David B.","avatar_url":"https://avatars-next.observableusercontent.com/038bfbb4eaa1c1217d83efed9948fd774126f3fa01dcce32e347fd0fd7c960d7","tier":"starter_2024"},"version":330,"publish_version":330,"role":null,"authored":false,"authors":[{"type":"individual","id":"5e0ddde49c696e13","login":"bumbeishvili","name":"David B.","avatar_url":"https://avatars-next.observableusercontent.com/038bfbb4eaa1c1217d83efed9948fd774126f3fa01dcce32e347fd0fd7c960d7","tier":null}],"members":[{"type":"individual","id":"5e0ddde49c696e13","login":"bumbeishvili","name":"David B.","avatar_url":"https://avatars-next.observableusercontent.com/038bfbb4eaa1c1217d83efed9948fd774126f3fa01dcce32e347fd0fd7c960d7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"662fffa6ecf4021e","slug":"vis-gl","title":"Vis.gl","owner":{"id":"fcd7e4188e1df970","login":"bumbeishvili","name":"David B."}},"type":"notebook","body":{"title":"clx. BikeTown PDX","cells":[{"id":0,"value":"md`# clx. BikeTown PDX`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"md `Exploring Portland's BikeTown bike sharing program with deck.gl`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"container = html `

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"deckgl = {\n return new deck.DeckGL({\n container,\n map: mapboxgl,\n mapStyle: 'https://free.tilehosting.com/styles/darkmatter/style.json?key=U0iNgiZKlYdwvgs9UPm1',\n longitude: -122.66,\n latitude: 45.5231,\n zoom: 12,\n pitch: 60,\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"data = (await fetch('https://gist.githubusercontent.com/mendozaline/e216b3daef263d703e266d119ef25089/raw/13102d3326187eddfd0be8094add777ed581b3f7/pdx-bike-data.json')).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"bikeData = data.filter((d,i) => d.to.name && d.from.name).filter((d,i) => i < 2000)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"mapboxgl = require('mapbox-gl@~0.44.1/dist/mapbox-gl.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"deck = require('deck.gl@~5.2.0/deckgl.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"tooltip = container.querySelector('#tooltip')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"onHover = {\n return function(info) {\n const {x, y, object} = info;\n if (object) {\n tooltip.style.top = `${y}px`;\n tooltip.style.left = `${x}px`;\n tooltip.innerHTML = `\n

Start: ${object.from.name}

End: ${object.to.name}

\n `;\n } else { \n tooltip.innerHTML = '';\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"html `\n\n(Stylesheets)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"html `\n(Mapbox Stylesheet)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"