Public
Edited
Apr 24
2 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
smallTable = xss => {
const el = html`<table class="small-table">`
xss.forEach(xs => {
const row = html`<tr>`
xs.forEach(x => row.appendChild(html`<td>${x}</td>`))
el.appendChild(row)
})
return el
}
Insert cell
<style>
.extract {
position: relative;
margin-top: 0 !important;
float: right;
margin-right: -330px;
margin-left: 40px;
box-sizing: border-box;
overflow: auto;
transform: translateY(0.25em);
}
.sidenote-id {
color: #999;
padding-left: .25em;
}

.small-table {
margin: .5em;
text-align: center;
}

.small-table td {
border: 1px solid silver;
}

blockquote {
border-left: 4px solid var(--hr);
padding-left: 1em;
margin-left: calc(.5em - 4px);
}

.grand blockquote {
border-left: 0;
padding-left: 0;
margin-left: 0;
}
</style>
Insert cell
mdit.set({breaks: true})
Insert cell
sidenote = Sidenote(md_)
Insert cell
md = SidenoteWrapper(md_)
Insert cell
Insert cell
Insert cell
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