Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @nteract/jupyter-widgets with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. var jupyterWidgets = require("@nteract/jupyter-widgets")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@nteract/jupyter-widgets v2.0.0

Transform for rendering Jupyter-JS-Widgets in output areas.

transform-widgets

Rich media type which will render Jupyter-Widgets in isolated iframes.

MIMETYPE = "application/vnd.jupyter.widget-view+json"

Usage

Within nteract

import { WidgetDisplay } from "@nteract/transform-widgets";

...

<WidgetDisplay data={{model_id: 'widget-model-guid'}}/>

Outside of nteract

import { PureWidgetDisplay } from "@nteract/transform-widgets";

...

<PureWidgetDisplay 
    data={{model_id: 'widget-model-guid'} 
    currentKernel={remoteKernelPropsInstance}}/>

See RemoteKernelProps of nteract/packages/core/src/state/entities/kernels.js for a description of remoteKernelPropsInstance.

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free