# Interactive HTML/JavaScript elements

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

{bdg-info}`iframe`

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 src="../_static/element_render_box.html" width="600" height="400" frameborder="0"></iframe> 

Or other interactive graphs:

<iframe src="../_static/element_pdf_and_cdf.html" width="600" height="300" frameborder="0"></iframe>

<iframe src="https://openla.ewi.tudelft.nl/applet/lines_and_planes/normal_equation_plane_origin?iframe=true"  width="600" height="500" allow="fullscreen" loading="lazy" frameborder="0"></iframe>