Published
Edited
May 13, 2022
barchart = {
const sel = vl.selectInterval()
//.on("click")
//.toggle("false")
let bars = vl.markBar()
.select(sel)
.data(Dataset_total_runners)
.select(sel)
.encode(
vl.y().fieldQ('Количество участников'),
vl.x().fieldN('Год'),
)
return vl.layer(bars).width(600).height(400).render()
}
graph = {
const line = vl.markLine().data(Dataset_average_time).encode(
vl.x().fieldO('Год'),
vl.y().average('Среднее время пробега, минут')
);
const point = vl.markCircle().data(Dataset_average_time).encode(
vl.x().fieldO('Год'),
vl.y().average('Среднее время пробега, минут')
);
return vl.layer(line, point).width(600).height(200).render();
}
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.
