Public
Edited
Nov 29, 2023
Insert cell
Insert cell
Insert cell
Plot.plot({
width: 1000,
height: 520,
projection: {
type: "equirectangular"
},
color: {
scheme: "Plasma",
background: "#ADD8E6",
legend: true,
label: "Plastic Waste Production Share %",
domain: [0, 20],
style: { fontSize: 13 }
},
marks: [
Plot.sphere({ fill: "#ADD8E6" }),
Plot.geo(countries, { fill: "#ccc", stroke: "#fff" }),
Plot.geo(countries, {
fill: (d) => d.properties["PlasticWasteShare"],
stroke: "#fff",
tip: true
})
]
})
Insert cell
Insert cell
Insert cell
data = countries
Insert cell
plasticWaste = FileAttachment("world plastic waste generation@6.csv").csv()
Insert cell
plasticWaste
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
import {countries} from '@d3/world-tour'
Insert cell
import {Legend, Swatches} from "@d3/color-legend"
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