Public
Edited
Sep 30, 2023
Insert cell
Insert cell
map = fetch("https://fortnite-api.com/v1/map").then(d => d.json())
Insert cell
map.data.pois
Insert cell
Plot.plot({
width: 600,
height: 600,
// padding: 100,
// margin: 50,
x: {
domain: xExtent,
range: [0, 3500],
},
y: {
// domain: yExtent,
range: [0, 500],
},
marks: [
// Plot.image([map.data.images.blank], { src: Plot.identity, _height: 100, y: 0, x: 0, width: 500, height: 500 }),
Plot.dot(map.data.pois, {x: d => d.location.x, y: d=> d.location.y, fill: "black"}),
]
})
Insert cell
xExtent = d3.extent(map.data.pois, d => d.location.x)
Insert cell
yExtent = d3.extent(map.data.pois, d => d.location.y)
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