The avatar for @cyrusobrien
cyrusobrien
Public
Edited
Apr 11
2
Insert cell
Insert cell
Insert cell
![text](url)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
topojson = require("topojson-client@3")
Insert cell
mercator = d3
.geoMercator()
.center([-119, 37.4])
.scale((1 << 18) / (28 * Math.PI))
.translate([320, 320])
Insert cell
counties = {
const attachment = FileAttachment("california-counties-mercator.topojson");
const json = await attachment.json();
return topojson.feature(json, json.objects.counties);
}
Insert cell
d3 = require("d3@7", "d3-tile@1")
Insert cell
Insert cell
tooltip_width = width / 2 < 400 ? (width / 2).toString().concat("px") : "450px"
Insert cell
import { Tooltip } from "@clhenrick/tooltip-component"
Insert cell
data = FileAttachment("nodes2 - lat lon no overlap modified.csv").csv({
typed: true
})
Insert cell
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