🪐 Cell Component

This component displays a Jupyter Cell.

With a Jupyter server

<Jupyter
    jupyterServerUrl="https://oss.datalayer.run/api/jupyter-server"
    jupyterServerToken="60c1661cc408f978c309d04157af55c9588ff9557c9380e4fb50785750703da6"
>
    <Cell />
</Jupyter>

<Cell
  source={`import sys
print(f"{sys.platform=}")

import numpy as np
import matplotlib.pyplot as plt
x1 = np.linspace(0.0, 5.0)
x2 = np.linspace(0.0, 2.0)
y1 = np.cos(2 * np.pi * x1) * np.exp(-x1)
y2 = np.cos(2 * np.pi * x2)
fig, (ax1, ax2) = plt.subplots(2, 1)
fig.suptitle('A tale of 2 subplots')
ax1.plot(x1, y1, 'o-')
ax1.set_ylabel('Damped oscillation')
ax2.plot(x2, y2, '.-')
ax2.set_xlabel('time (s)')
ax2.set_ylabel('Undamped')
plt.show()
`}
/>

With in-browser kernel

You can use an in-browser kernel by setting the lite property of Jupyter component:

<Jupyter
    lite={true}
>
    <Cell
        source={`import sys
print(f"{sys.platform=}")

#...`}
    />
</Jupyter>