playing with space, shape, colour & composition
space = randomNumber(-10, loop) + 'px'
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Mono&display=swap" rel="stylesheet">
<style>
p {
font-family: 'Space Mono', monospace;
font-weight: 400;
}
p.copy {
min-height: 800px;
}
.space {
display: inline-block;
margin-left: 25px;
margin-right: 10px;
letter-spacing: 22px;
}
span.author {
display: block;
margin-top: 9px;
margin-left: 10px;
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
}
</style>
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.
