Public
Edited
Dec 12
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
updates2 = {
f_in;
viz.signal("f_in", f_in).run();
}
Insert cell
Insert cell
Insert cell
viewof viz = embed(
{
data: { name: "data" },
mark: { type: "text", clip: true, tooltip: false },
params: [{ name: "f_in", value: 20 }],
transform: [{ filter: "datum.f_in==f_in" }],
encoding: {
x: { field: "x", type: "quantitative", scale: { domain: [0, 400] } },
y: {
field: "y",
type: "quantitative",
scale: { domain: [0, 200] },
sort: "descending"
},
size: { field: "size", type: "quantitative" },
angle: {
field: "x",
type: "quantitative",
scale: { range: [0, 300] }
},
detail: { field: "p_in", type: "nominal" },
text: { value: "❄️" }
},
config: { legend: { disable: true } },
datasets: {
data: [] // data provided by view API instead; see 'pdates' cell above
},
width: 300,
height: 260,
background: "darkred"
},
{ renderer: "canvas" }
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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