Public
Edited
Feb 11
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
text = md`<pre>tears embers after rice sauce
ink news kites of far
blank loss another now knots
ghost heart over stone tablets
t e a r s
i n k o f
b l a n k
g h o s t</pre>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
audioAlignment_JSON = FileAttachment("emptyIslands.json").json()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
css = html`
<style>

@font-face {
font-family: 'AndaleMono';
src: url('${await andaleMono.url()}');
}

.textcontainer {
position: relative;
min-height: 270px;
font-family: 'AndaleMono', monospace;
font-size: 3vw;
}

.text {
position: absolute;
color: rgba(0,0,0,0);
transition: color 1s ease-in-out;
}

.text.visible {
color: rgba(0,0,0,255);
/* starts readable */
}

</style>
`
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