Embed D3 visualizations into slides, and keep the original interactivity.

(click on the globe and drag it to explore the different paths!)

Visualization:
Eclipses path by Philippe Riviere and friends

(Press right arrow or space bar to navigate to next slide)

You can also embed visualization into the background

(press right/left arrows to trigger visualization transitions)

Visualization adapted from Collision detection by Mike Bostock

Add the "data-no-background" attribute to limit the background to the slide area

(press right/left arrows to trigger visualization transitions)

Visualization adapted from Collision detection by Mike Bostock

Not preloaded

Preloaded

Rainbow worm by Mike Bostock
(transition on 1 and 3 and automatic transition on slide change)

Simple bar graph
(transition on 2 and 3)

Stage transitions independently for each visualization using Reveal.js 'data-fragment-index' (press right arrow or space)

You can interact with the embedded visualization using elements from the slide.

Click on the button to change the color of the nodes to yellow

Note: the staged transitions are still active (press right arrow or space)

Those are embedded semiotic figures!

(press right arrow to trigger an animation on the bar)

This is an embedded vega-lite figure! (with tooltip enabled)

Full website.
Note: it's scrollable!

Embed websites in the background too

Scrolling deactivated via the data-scroll="no" option