cn_ggz_data = cn_ggz_aq.objects()
//import { vl } from "@vega/vega-lite-api"
vl = {
const [vega, vegalite, api, tooltip] = await Promise.all([
`vega@${vegaVersion}`,
`vega-lite@${vlVersion}`,
`vega-lite-api@${apiVersion}`,
`vega-tooltip@${tooltipVersion}`
].map(module => require(module)));
const options = {
config: {
// vega-lite default configuration
config: {
view: {continuousWidth: 400, continuousHeight: 300},
mark: {tooltip: null}
}
},
init: view => {
// initialize tooltip handler
view.tooltip(new tooltip.Handler().call);
// enable horizontal scrolling for large plots
if (view.container()) view.container().style['overflow-x'] = 'auto';
},
view: {
// view constructor options
loader: vega.loader({baseURL: 'https://cdn.jsdelivr.net/npm/vega-datasets@2/'}),
renderer: 'canvas'
}
};
return api.register(vega, vegalite, options);
}
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.
