container = html`<div style="width: ${width}px"></div>`
osmd = {
const osmd = new opensheetmusicdisplay.OpenSheetMusicDisplay(container);
osmd.setOptions({
backend: "svg",
// backend: "canvas",
// drawTitle: true
drawingParameters: "compacttight" // don't display title, composer, etc., smaller margins
});
osmd.load(xml).then(osmd.render);
return osmd;
}
xml = FileAttachment("A min pent triplets 60bpm.musicxml").text()
opensheetmusicdisplay = require("opensheetmusicdisplay@1.2.0")
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.
