Published
Edited
Mar 4, 2021
1 fork
md`# test-rawgraphs
An example of loading a .rawgraphs project as FileAttachment and rendering it in Observable
`
html`<div id="root"></div>`
project = FileAttachment("pupulation.rawgraphs").text()
charts = Object.values(rawgraphCharts);
projectData = rawgraphsCore.deserializeProject(project, charts);
results = rawgraphsCore.parseDataset(projectData.userData, projectData.dataTypes);
viz = rawgraphsCore.chart(projectData.currentChart, {
data: results.dataset,
mapping: projectData.mapping,
dataTypes: projectData.dataTypes,
visualOptions: projectData.visualOptions
});
viz.renderToDOM(document.getElementById('root'))
md`## imports
see https://observablehq.com/@observablehq/introduction-to-require
`
rawgraphsCore = import("https://cdn.skypack.dev/@rawgraphs/rawgraphs-core")
rawgraphCharts = import("https://cdn.skypack.dev/@rawgraphs/rawgraphs-charts")
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.
