### Embed interactive D3 visualizations

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)

### Embed interactive D3 visualizations

You can also embed visualization into the background

(press right/left arrows to trigger visualization transitions)

Visualization adapted from Collision detection by Mike Bostock

### Multi-visualizations are supported

Gooey effect - Hexagon by Nadieh Bremer

Modular Multiplication Circle by Megan O'Leary

### Independent transitions

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

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)

### Interaction with other elements

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)

### Works with other libraries too

Those are embedded semiotic figures!

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

(Simple bar chart example)

(Chord diagram example)

### Works with other libraries too (2)

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

### Insert website pages

Full website.
Note: it's scrollable!

Embed websites in the background too
Scrolling deactivated via the data-scroll="no" option