Published
Edited
Feb 4, 2020
Insert cell
Insert cell
Insert cell
Insert cell
embed(vlspec);
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
createDracoProgram = function(data) {
// Replace me
return `
% ====== Data definitions ======
data("data/cars.json").
num_rows(2).

fieldtype("a",number).
cardinality("a",2).

fieldtype("b",number).
cardinality("b",2).

% ====== Query constraints ======
encoding(e0).
:- not field(e0,"a").

encoding(e1).
:- not field(e1,"b").
`;
}
Insert cell
computeSpec = function(query) {
return db.exec(query).then((data) => {
var asp = createDracoProgram(data);
var result = draco.solve(asp);
console.log(result);
var spec = result.specs[0];

// Ensures that the spec embeds the data rather than fetch from a URLkj
delete spec.data.url;
spec.data.values = data;
return spec;
});
}
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