The avatar for @ee2dev
ee2dev
Published
vega-lite
Edited
Apr 11, 2021
Fork of Exploring a csv file with vega-lite
3 stars
1
vega-lite
Template for exploring a csv file
Vega lite - (Interaction) + Additional resources
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
vl.vega.timeFormatLocale(locale); // show dates in German
vl.vega.formatLocale(locale); // show numbers with German groupings/ separators
const plot = vl.markCircle({tooltip: true})
.data(processedData)
.encode(
vl.x().field("density").type(type("density")),
vl.y().field("area").type(type("area")).scale({ type: "sqrt"}),
);
return plot.render();
// return html`<pre>${JSON.stringify(plot.toObject(), 0, 2)}</pre>`; // format JSON data
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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