Published
Edited
Mar 11, 2021
1 fork
md`# Draco`
raw_data_url = 'https://localhost:4443/time-series/freqa.json'
prep_data_url = 'https://localhost:4443/time-series/freq_prep.json'
raw_freqs = FileAttachment("freqa.json").json()
freqs = raw_freqs.map(r => ({ id: r.recordid, ...r.fields }))
import { Select } from "@observablehq/inputs"
JSON.stringify(freqs)
asp_prog = createDracoProgram(freqs) //`data("${prep_data_url}").\n` +
computed_spec = {
var spec = solution.specs[0];
// Ensures that the spec embeds the data rather than fetch from a URLkj
delete spec.data.url;
spec.data.values = freqs;
return spec;
}
short_computed_spec = {
var spec = solution.specs[0];
// Ensures that the spec embeds the data rather than fetch from a URLkj
delete spec.data.url;
spec.data.values = freqs.slice(250);
return spec;
}
embed(computed_spec)
JSON.stringify(computed_spec)
JSON.stringify(short_computed_spec)
solution = solver.solve(asp_prog)
solver = {
let s = await new draco.default('https://unpkg.com/wasm-clingo@0.2.0').init();
s.schema = schema;
return s;
}
schema = {
return draco.data2schema(freqs);
}
feature_labels = Object.entries(schema.stats).map(([key, value]) => {
return { label: key + '/' + value.type + '/' + value.distinct, key: key };
})
selected_features
selected_features_ids = selected_features.map(r => r.key)
not_binned_features_ids = not_binned_features.map(r => r.key)
asp = draco.schema2asp(schema)
createDracoProgram = function(data) {
var data_def = asp.join("\n");
console.log("data definitions", data_def);
var query_constraints = "";
var c = 0;
for (var stat in schema.stats) {
if (selected_features_ids.includes(stat)) {
query_constraints += '\nencoding(e' + c + ').';
query_constraints += '\n:- not field(e' + c + ',"' + stat + '").';
}
if (not_binned_features_ids.includes(stat)) {
query_constraints += '\n:- bin(e' + c + ',_).';
}
c += 1;
}
console.log("query constraints", query_constraints);
console.log("final asp", data_def + query_constraints);
return data_def + query_constraints;
}
draco = require('draco-vis')
d3 = require('d3')
vgdata = require('datalib')
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.
