1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
---
jupytext:
formats: md:myst
text_representation:
extension: .md
format_name: myst
kernelspec:
display_name: Python 3
language: python
name: python3
---
# Jupyter Notebooks
This page was written for [MyST-NB](https://myst-nb.readthedocs.io/).
It demonstrates `sphinx-thebe`'s usage with Jupyter Notebooks.
Activate Thebe by clicking the launch button below.
You should then be able to run and edit the code cell in the notebook.
```{thebe-button} Launch thebe
```
The outputs should be displayed below, but they will be collected by `sphinx-thebe` when it is activated so that they are cleared when you first run the cell.
```{code-cell}
import numpy as np
import matplotlib.pyplot as plt
# Create some fake data
data = np.random.randn(3, 1000)
# Create a figure
fig, ax = plt.subplots()
# Plot data
ax.scatter(data[0], data[1], c=np.abs(data[2]), s=np.abs(data[2])*100)
```
## Code style
Thebe uses CodeMirror in the background, which uses different styles than pygments, which is used for static code syntax highlighting.
The below code block is **static** and will not be converted with `thebe`.
We include it in order to compare the active Thebe cell's syntax highlighting with an inactive cell.
```
import numpy as np
import matplotlib.pyplot as plt
# Create some fake data
data = np.random.randn(3, 1000)
# Create a figure
fig, ax = plt.subplots()
# Plot data
ax.scatter(data[0], data[1], c=np.abs(data[2]), s=np.abs(data[2])*100)
```
|
