Information designer, data visualization engineer📈, 🇺🇦🇺🇦🇺🇦
chart = Plot.plot({
marginLeft: 150,
width: width,
x: {
grid: true,
axis: "top",
padding: 0,
label: null,
tickFormat: (d) => d,
tickSize: 0
},
y: {
grid: true,
label: null,
tickSize: 0
},
marks: [
Plot.dot(
data,
Plot.group(
{ r: "first" },
{
x: "category",
y: "region",
r: (d) => d.value,
fill: "orange",
stroke: "#000",
fillOpacity: 0.4
}
)
),
Plot.tooltip(data, {
x: "category",
y: "region",
dx: 15,
dy: 5,
content: (d) => ({
Region: d.region,
Category: d.category,
Cases: d.value
}),
stroke: "none",
fill: "#000",
direction: "up"
})
]
})
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.
