md`# render-raw-project`
html`<div id="root"></div>`
project = FileAttachment("pupulation.rawgraphs")
charts = Object.values(rawgraphCharts);
async function renderRAWProject(attachment, targetId) {
const textAttachment = await attachment.text()
const projectData = rawgraphsCore.deserializeProject(textAttachment, charts);
const results = rawgraphsCore.parseDataset(projectData.userData, projectData.dataTypes);
const viz = rawgraphsCore.chart(projectData.currentChart, {
data: results.dataset,
mapping: projectData.mapping,
dataTypes: projectData.dataTypes,
visualOptions: projectData.visualOptions
});
return viz.renderToDOM(document.getElementById(targetId))
}
renderRAWProject(project, '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.
