-
-
Notifications
You must be signed in to change notification settings - Fork 46
/
Matplotlib.tsx
34 lines (29 loc) · 1.01 KB
/
Matplotlib.tsx
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
import { createRoot } from 'react-dom/client';
import { INotebookContent } from '@jupyterlab/nbformat';
import Jupyter from '../jupyter/Jupyter';
import Notebook from '../components/notebook/Notebook';
import NotebookToolbar from "./toolbars/NotebookToolbar";
import CellSidebarDefault from "../components/notebook/cell/sidebar/CellSidebarDefault";
import notebook from "./samples/Matplotlib.ipynb.json";
import "./../../style/index.css";
const Matplotlib = () => (
<Jupyter>
<Notebook
nbformat={notebook as INotebookContent}
uid="notebook-matplotlib-uid"
bundledIPyWidgets={[
{ name: "jupyter-matplotlib", version: "0.11.3", module: require("jupyter-matplotlib")}
]}
height='calc(100vh - 2.6rem)' // (Height - Toolbar Height).
cellSidebarMargin={120}
CellSidebar={CellSidebarDefault}
Toolbar={NotebookToolbar}
/>
</Jupyter>
)
const div = document.createElement('div');
document.body.appendChild(div);
const root = createRoot(div)
root.render(
<Matplotlib/>
);