Platform
Resources
Pricing
Sign in
Contact us
fheyen
PhD student at the Visualization Research Center (VISUS), University of Stuttgart
Workspace
Fork
Published
Music
By
fheyen
Edited
Sep 29, 2021
2 stars
1
Music
Hello, @spotify/basic-pitch-ts!
Guitar Tunings
Colored Lyrics
Sequence Immediate Repetition Hierarchies
Sheet Music DR
Soundfont Player
Audio Oscillators on Random Frequencies
Musical Scales
Colored Sheet Music
Hello, Open Sheet Music Display!
Web MIDI Live Guitar Tab
Parsing MIDI and MusicXML
Audio with Tonejs
Audio from Microphone with Tonejs
Web MIDI Pitch Bend Trainer
Web MIDI Synth
FFT with Tonejs
F0 Pitch Detection
Tuner
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.
Try it for free
Learn more
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
container
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
osmd
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
xml
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
opensheetmusicdisplay
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML