Function MatplotlibExample

packages/react/src/examples/Matplotlib.tsx:18–39

()

import NBFORMAT from './notebooks/Matplotlib.ipynb.json';

const MatplotlibExample = () => {
  const { serviceManager, defaultKernel } = useJupyter({
    startDefaultKernel: true,
  });
  const extensions = useMemo(() => [new CellSidebarExtension()], []);
  return (
    <ExampleJupyterReactTheme>
      <JupyterLabCss colormode="light" />
      {serviceManager && defaultKernel && (
        <Notebook
          id="notebook-matplotlib-id"
          kernel={defaultKernel}
          serviceManager={serviceManager}
          nbformat={NBFORMAT as INotebookContent}
          height="calc(100vh - 2.6rem)" // (Height - Toolbar Height).
          extensions={extensions}
          Toolbar={NotebookToolbar}
        />
      )}
    </ExampleJupyterReactTheme>
  );
};

const div = document.createElement('div');