````{margin}

```{admonition} User types
:class: tip
This section is useful for user type 5.
```

{bdg-danger}`iframe`
````

# Interactive HTML/JavaScript elements

In this section, we will discuss how to [create](creating_basic_HTML_elements.md) and [embed](adding_HTML_elements.md) interactive HTML/Javascript elements created in HTML/JavaScript in a TeachBook. These HTML/Javascript element work very fluently and don't require a python kernel running in the background.

This could be for example interactive 3d figures:

```{iframe} ../_static/element_render_box.html
:width: 600px
:height: 400px
```

Or other interactive graphs:

```{iframe} ../_static/element_pdf_and_cdf.html
:width: 600px
:height: 300px
```

```{iframe} https://openla.ewi.tudelft.nl/applet/lines_and_planes/normal_equation_plane_origin?iframe=true
:width: 600px
:height: 500px
```