2b:null 2c:["$","title",null,{"children":"Housing accessibility | ktringuyen | Observable"}] 31:[{"id":"6c4fe6a257ef27dc8f12e1183292595dc0ca5601e989f387aa675aff7e356075a0edd9543faeccae697abbac2eb587ea3c913678dadf394e8febd4885e6def55","href":"https://static.observableusercontent.com/files/6c4fe6a257ef27dc8f12e1183292595dc0ca5601e989f387aa675aff7e356075a0edd9543faeccae697abbac2eb587ea3c913678dadf394e8febd4885e6def55","name":"pv_time_am_test@1.bin","type":"application/octet-stream","lastModified":1720149194571.857,"size":11383876},{"id":"29c7ade6bd064c660a5d5812b39989dcfb8ac01babf6d6ca801917b5b289f7a7b7f9e6f156a3adda9427b5829b086e2aba2bba0584174d3f57d3973e5ac83d91","href":"https://static.observableusercontent.com/files/29c7ade6bd064c660a5d5812b39989dcfb8ac01babf6d6ca801917b5b289f7a7b7f9e6f156a3adda9427b5829b086e2aba2bba0584174d3f57d3973e5ac83d91","name":"vitm_centroids@2.geojson","type":"application/geo+json","lastModified":1720149194571.857,"size":47509},{"id":"612a255bfe9ff576169a7c561b3e0d4842d19d1aecc0ab032165d2eb3ec41416864448e84609f71565a8911f4faf05c4c622f31978750f455d86b7711b9f6bc0","href":"https://static.observableusercontent.com/files/612a255bfe9ff576169a7c561b3e0d4842d19d1aecc0ab032165d2eb3ec41416864448e84609f71565a8911f4faf05c4c622f31978750f455d86b7711b9f6bc0","name":"vitm_zone_boundaries@1.geojson","type":"application/geo+json","lastModified":1720149194571.857,"size":38950881}] 2f:{"id":"f69485c2eab78a76","slug":null,"title":"Housing accessibility","thumbnail":"c9b352aa5333fbb8e6331ce6e0dfd41e1874c85739a7207b5d36db4081b3e409","access_level":"public","create_time":"$D2024-07-05T03:13:14.571Z","update_time":"$D2024-09-29T05:06:05.114Z","view_time":null,"first_public_time":"$D2024-07-08T05:30:24.092Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"b8b49653f61623f1","login":"ktringuyen","name":"ktringuyen","avatar_url":"https://avatars-next.observableusercontent.com/d4181af5d64e221c05a65bc1b61eee96abe87d64f0b0839e0757f71641ba33c7","tier":"starter_2024","bio":""},"version":1251,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"eae8b26a5e6eeaf3","login":"kytringuyen","name":"Nguyen Ky Tri","avatar_url":"https://avatars-next.observableusercontent.com/b2a48bc07bad0bedc9d706e8f81618992e650a71116025706a3f296f78c66941","tier":null,"bio":"Engineer specialised in Data Science and Data Visualisation"}],"members":[{"type":"team","id":"b8b49653f61623f1","login":"ktringuyen","name":"ktringuyen","avatar_url":"https://avatars-next.observableusercontent.com/d4181af5d64e221c05a65bc1b61eee96abe87d64f0b0839e0757f71641ba33c7","tier":"starter_2024","role":"editor"},{"type":"individual","id":"eae8b26a5e6eeaf3","login":"kytringuyen","name":"Nguyen Ky Tri","avatar_url":"https://avatars-next.observableusercontent.com/b2a48bc07bad0bedc9d706e8f81618992e650a71116025706a3f296f78c66941","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Housing accessibility","cells":[{"id":0,"value":"# Housing accessibility","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":714,"value":"viewof controls = Inputs.form({\n time: Inputs.range([0, 200], {value: 30, step: 1, label: \"Time threshold (min)\"}),\n mode: Inputs.select([\"Private Vehicle\", \"Public Transport\"], {label: \"Mode\", value: \"Private Vehicle\"}),\n direction: Inputs.radio([\"Originating\", \"Terminating\"], {label: \"Direction of travel\", value: \"Originating\"}),\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":789,"value":"container = html`\n

\n`;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1223,"value":"// tooltip = container.querySelector('#tooltip')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"---\n\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":845,"value":"_Mutable selected zone._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":841,"value":"mutable selectedZone = 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":734,"value":"_Pull raw travel time binaries into an object._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":725,"value":"rawData = ({\n \"Private Vehicle\": new Uint8Array(await (await FileAttachment(\"pv_time_am_test@1.bin\")).arrayBuffer()),\n \"Public Transport\": null\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":750,"value":"entryCount = rawData[\"Private Vehicle\"].byteLength","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":754,"value":"zoneCount = Math.sqrt(entryCount)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":739,"value":"_Define the zone filtering function._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":574,"value":"function getZonesAndFilter(full_array, desired_zone_num, time_threshold, trip_direction=\"Originating\") {\n if (trip_direction == \"Originating\") {\n let start_index = zoneCount * (desired_zone_num - 1)\n let end_index = start_index + zoneCount \n\n let sliced_array = Array.from(full_array.slice(start_index, end_index))\n let bool_array = sliced_array.map((t) => t < time_threshold ? t : false) \n\n return bool_array \n } else if (trip_direction == \"Terminating\") {\n let chunk_starts = Array.from({length: zoneCount }, (x, i) => i * zoneCount )\n let zone_indices = chunk_starts.map((s) => s + desired_zone_num - 1)\n let origins = zone_indices.map((i) => full_array[i])\n let bool_array = origins.map((t) => t < time_threshold ? t : false)\n\n return bool_array\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":736,"value":"_Calculate boolean array from controls._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":746,"value":"booleanArray = getZonesAndFilter(rawData[controls.mode], selectedZone, controls.time, controls.direction)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":786,"value":"_Initialise the DeckGL instance._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":781,"value":"deckInstance = {\n const deckInstance = new deck.DeckGL({\n container: container,\n initialViewState: {\n longitude: 144.9691992832622,\n latitude: -37.80933656848681,\n zoom: 9.5,\n },\n map: mapboxgl,\n mapboxAccessToken: '',\n mapboxApiAccessToken: \"pk.eyJ1IjoiamFja21pbnN0ZXIiLCJhIjoiY2x4bzh6OXI5MGNlcTJqb2piazlyMG1iZiJ9.pbBcB68f-3nUqBpB_Ao8TA\",\n mapStyle: 'mapbox://styles/mapbox/light-v10',\n controller: true, \n });\n invalidation.then(() => {\n deckInstance.finalize();\n container.innerHTML = \"\";\n });\n return deckInstance;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":803,"value":"_Import the VITM zone boundary GeoJSON_.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":94,"value":"zoneBoundaries = FileAttachment(\"vitm_zone_boundaries@1.geojson\").json();","pinned":true,"hidden":true,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":969,"value":"_Calculate colours for the zones on the map._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":972,"value":"maxTime = Math.max(...booleanArray)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":864,"value":"function getColor(time) {\n function colourMap(time) {\n let myColour = d3.scaleLinear().domain([0, maxTime]).range([\"lime\", \"darkgreen\"])\n let colourString = myColour(time)\n let output = colourString.replace(\"rgb(\", \"\").replace(\")\", \"\").split(\", \").map(d => parseInt(d));\n return output\n }\n \n if (time) {\n let color = colourMap(time)\n return color\n } else {\n return [0, 0, 0, 0]\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":793,"value":"_Set the props of the DeckGL instance dynamically._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":796,"value":"{\n const geojsonLayer = new deck.GeoJsonLayer({\n id: \"data\",\n data: zoneBoundaries,\n \n getFillColor: (d) => {\n console.log(\"RUYNNISANDINAS\");\n return (d.properties.TZN === selectedZone) ? [255, 105, 180] :getColor(booleanArray[d.properties.TZN - 1]);\n },\n updateTriggers: {\n getFillColor: [booleanArray, selectedZone]\n },\n onClick: (info) => { \n mutable selectedZone = info.object.properties.TZN;\n },\n pickable: true,\n // onHover: (info, _) => onHover(info)\n onHover: onHover\n });\n deckInstance.setProps({layers: [geojsonLayer]});\n return geojsonLayer;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":993,"value":"_Create the tooltip to display on the map._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1163,"value":"onHover = {\n return function(info) {\n const {x, y, object} = info;\n const tooltip = container.querySelector('#tooltip');\n if (object) {\n console.log(rawData[controls.mode][object.properties.TZN - 1], y, x);\n tooltip.style.top = `${y + 10}px`; // Slight offset for better visibility\n tooltip.style.left = `${x + 10}px`;\n tooltip.style.display = 'block';\n \n tooltip.innerHTML = `\n

Zone ID

${object.properties.TZN}

Travel time

${rawData[controls.mode][object.properties.TZN - 1]} mins

\n `;\n } else {\n tooltip.style.display = 'none';\n }\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":586,"value":"function colourZones(zone_bool_list, origin_zone_num) {\n const colourDict = {\n false: [100, 100, 100],\n true: [200, 0, 200],\n }\n \n let colour_list = zone_bool_list.map((bool) => colourDict[bool])\n colour_list[origin_zone_num] = [0, 200, 0]\n\n return colour_list\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"// vitm_centroids = FileAttachment(\"vitm_centroids@2.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"deck = require.alias({\n h3: {},\n s2Geometry: {}\n})('deck.gl@8.4.1/dist.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"import {DuckDBClient, libraryVersion} from \"@cmudig/duckdb\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"mapboxgl = require('mapbox-gl@^1.5.1/dist/mapbox-gl.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 30:"$2f:body"