Published
Edited
Feb 17, 2022
1 star
Also listed in…
Tips and Utilities
Insert cell
Insert cell
Insert cell
Embla = require("embla-carousel")
Insert cell
Insert cell
Insert cell
<div class="embla">
<div class="embla__container">
<div class="embla__slide">Slide 1</div>
<div class="embla__slide">Slide 2</div>
<div class="embla__slide">Slide 3</div>
</div>
</div>
Insert cell
Insert cell
<style>
.embla {
overflow: hidden;
}
.embla__container {
display: flex;
}
.embla__slide {
position: relative;
flex: 0 0 100%;
}
</style>
Insert cell
Insert cell
{
const embla = Embla(document.querySelector('.embla'), { loop: false })
}
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