Notebooks 2.0 is here.

Published
Edited
Oct 6, 2021
4 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
margin = ({ top: 10, right: 10, bottom: 10, left: 10 })
Insert cell
data = Object.assign(new Map(filter),({GRID_ID,Dec_Diff}) => [GRID_ID,[+Dec_Diff]])
Insert cell
table = d3.csvParse(await FileAttachment("MODIS_table_Decadal_Diffs.csv").text(),({GRID_ID,Dec_Diff}) => [GRID_ID,[+Dec_Diff]])
Insert cell
land_geo = topojson.feature(land,land.objects.ne_10m_land)
Insert cell
land_hex_geo = topojson.feature(land_hex,land_hex.objects.tess_50k_WGS_land_nodl)
Insert cell
land_hex = FileAttachment("tess_50k_WGS_land_nodl_topo.json").json()
Insert cell
land = FileAttachment("ne_10m_land (2).json").json()
Insert cell
//topo = FileAttachment("TESS_1000sqkm_topo_2.json").json()
topo = FileAttachment("tess_50k_50N_WGS_topo.json").json()
Insert cell
geo = topojson.feature(topo,topo.objects.tess_50k_50N_WGS)
Insert cell
//5ab4ac is blue, pos values
ramp = ['#5ab4ac','#f5f5f5','#d8b365']
Insert cell
Insert cell
path = d3.geoPath(projection)
Insert cell
Insert cell
input = require("@observablehq/inputs")
Insert cell
topojson = require("topojson-client@3")
Insert cell
import { Tooltip } from "@clhenrick/tooltip-component"
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more