Dashboard Layout

28:null 29:["$","title",null,{"children":"Final Landslide Dashboard | Thu Do's Projects | Observable"}] 2e:T14e4,{ const { heatmapnode } = heatmap_f(); const { worldmapnode, updateDataPoints, updateMapData, tableComponent} = worldmap_f(); const { yearselectionnode } = yearSelection(); const { BarChartparent, updateDataPointsB, updateMapDataB} = landslidebarchart(); const { BarChart1parent, updateDataPointsB1, updateMapDataB1} = fatalitiesbarchart(); const { BarChart2parent, updateDataPointsB2, updateMapDataB2} = injuriesbarchart(); const { InfoTablenode, scrollToEventId} = tabulate(TableData, TableData.columnNames()); // update the bar chart when the selection changes d3.select(heatmapnode).on('input', () => { updateDataPoints(heatmapnode.value); // worldmap updateDataPointsB(heatmapnode.value); // barchart updateDataPointsB1(heatmapnode.value); //barchart1 updateDataPointsB2(heatmapnode.value); // barchart2 }); // Add an event listener to the year selection SVG element d3.select(yearselectionnode).on('input', function() { updateMapData(yearselectionnode.value.minYear, yearselectionnode.value.maxYear); // worldmap updateMapDataB(yearselectionnode.value.minYear, yearselectionnode.value.maxYear); // barchart updateMapDataB1(yearselectionnode.value.minYear, yearselectionnode.value.maxYear); //barchart1 updateMapDataB2(yearselectionnode.value.minYear, yearselectionnode.value.maxYear); // barchart2 }); // let infoTableNode = tableComponent.node; let table = html` Dashboard Layout

Global Landslide Occurrences (1969-2017)

${yearselectionnode}

${worldmapnode}

${heatmapnode}

${BarChartparent}

${BarChart1parent}

${BarChart2parent}

${InfoTablenode}

`; return table; }2f:[] 2c:{"id":"18bb85ac22c96548","slug":null,"title":"Final Landslide Dashboard","thumbnail":null,"access_level":"public","create_time":"$D2024-04-12T21:38:18.190Z","update_time":"$D2024-04-15T17:05:39.360Z","view_time":null,"first_public_time":"$D2024-05-04T03:53:34.571Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c9445d996e926013","login":"thu-m-do","name":"Thu Do's Projects","avatar_url":"https://avatars-next.observableusercontent.com/d8ef78bcc00300c6d4cb29de21fa3c1095bd7a096c3b591ba142910a2987096a","tier":"starter_2024"},"version":274,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"d3a2250b1e6f818d","login":"thu-do","name":"Thu Do","avatar_url":"https://avatars-next.observableusercontent.com/9ef7da497f91a1afdf4c3b9887abf669d24b03a241b851559ad32d73632b9a8d","tier":null}],"members":[{"type":"individual","id":"d3a2250b1e6f818d","login":"thu-do","name":"Thu Do","avatar_url":"https://avatars-next.observableusercontent.com/9ef7da497f91a1afdf4c3b9887abf669d24b03a241b851559ad32d73632b9a8d","tier":null,"role":"editor"},{"type":"team","id":"c9445d996e926013","login":"thu-m-do","name":"Thu Do's Projects","avatar_url":"https://avatars-next.observableusercontent.com/d8ef78bcc00300c6d4cb29de21fa3c1095bd7a096c3b591ba142910a2987096a","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Final Landslide Dashboard","cells":[{"id":0,"value":"# Final Landslide Dashboard ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":181,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"## Other Links\n\nDataset 1: https://catalog.data.gov/dataset/global-landslide-catalog-export \n\nDataset 2: https://data.world/nasa/global-landslide-catalog\n\n*API Source (Server-Side Variation):* https://www.bigdatacloud.com/reverse-geocoding/reverse-geocode-to-city-api","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":262,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":23,"value":"import {yearSelection} from 'e3cf46c39e449348'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"import {landslidebarchart, fatalitiesbarchart, injuriesbarchart} from 'fd993f97b3cbb6ad'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"import {TableData, tabulate} from 'a9c49c07293e5163'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"import {worldmap_f} from 'f332e8b34086ad5c'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import {heatmap_f} from \"b2c8cbe63432e887\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1"}} 2d:"$2c:body"