Published
Edited
Sep 29, 2021
2 stars
Insert cell
Insert cell
container = html`<div style="width: ${width}px"></div>`
Insert cell
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;
}
Insert cell
xml = FileAttachment("A min pent triplets 60bpm.musicxml").text()
Insert cell
opensheetmusicdisplay = require("opensheetmusicdisplay@1.2.0")
Insert cell

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.
Learn more