Public
Edited
Apr 4, 2023
Plot.plot({
width,
height,
projection: projection,
marks: [
Plot.geo(berlin_geo),
// Plot.dot(stops, {
// x: "stop_lon",
// y: "stop_lat",
// r: 1,
// stroke: "red"
// }),
// Plot.geo(shapes_geo, {
// stroke: "green"
// })
Plot.dot(
stops,
Plot.hexbin(
{
r: "count",
fill: "count"
},
{
x: "stop_lon",
y: "stop_lat",
inset: 0,
interval: 0.005
}
)
)
]
})
Plot.plot({
width,
height,
projection: projection,
marks: [
Plot.geo(berlin_po_geo, {
// fill
})
// Plot.dot(stops, {
// x: "stop_lon",
// y: "stop_lat",
// r: 1,
// stroke: 'red',
// }),
// Plot.geo(resample(shapes_geo), {
// stroke: "red"
// // fill: ""
// })
]
})
height = 800
projection = d3.geoAzimuthalEqualArea()
.fitExtent(
[[0, 0], [width, height]],
berlin_geo
);
berlin = FileAttachment("berlin_bezirke.topojson").json()
berlin_geo = topojson.feature(berlin, berlin.objects.states)
berlin_po = FileAttachment("berlin_postleitzahlen.topojson").json()
berlin_po_geo = topojson.feature(
berlin_po,
berlin_po.objects.berlin_postleitzahlen
)
shapes_geo = topojson.feature(shapes, shapes.objects.geo)
topojson.feature(shapes, shapes.objects.geo)
topojson = require("topojson")
d3 = require("d3@7")
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.
