Live programming @ University of Washington
Public
Edited
Sep 2, 2023
// use cors workaround
import {fetchp} from '@tomlarkworthy/fetchp'
msdocreq = fetchp('https://musescore.com/user/498481/scores/6197935')
canvas = {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
const v = await canvg.Canvg.from(ctx, text);
v.start();
return canvas
}
msdoctext = msdocreq.text()
svgUrl = msdoctext.match(/(?:href=")(.*\.svg.*?)"/)[1]
msdoc = new DOMParser().parseFromString(html, "text/html")
svg2 = msdoc.querySelector('link[href*=".svg"]')
svg = fetchp(svgUrl)
text = svg.text()
canvg = import('https://cdn.skypack.dev/canvg@4.0.1?min')
html`
<div>
${text}
</div>`
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.
