nteract / react-jupyter-display-area

:bar_chart: Jupyter Display Area as a React Component

react-jupyter-display-area

Render Jupyter notebook outputs in a trim little React component.

⚠️ 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')} />