react-jupyter-display-area

Jupyter Display Area as a React Component

Usage no npm install needed!

<script type="module">
  import reactJupyterDisplayArea from 'https://cdn.skypack.dev/react-jupyter-display-area';
</script>

README

react-jupyter-display-area

Render Jupyter notebook outputs in a trim little React component.

:warning: This package has been deprecated in favor of @nteract/display-area.

The usage is similar:

import Display from '@nteract/display-area`
<Display outputs={outputs} />

Here outputs is an Immutable.js structure with all the outputs of a cell. Note: this does require trim, clean editions of the multiline cells as is done in commutable.

Used in context of a notebook, you will likely be extracting it from a cell:

<Display outputs={this.props.cell.get('outputs')} />