Skip to content
Branch: master
Find file History
jasongrout Publish npm packages
 - @jupyter-widgets/example-web1@4.0.2
 - @jupyter-widgets/example-web2@4.0.2
 - @jupyter-widgets/example-web3@4.0.2
 - @jupyter-widgets/example-web4@4.0.2
 - @jupyter-widgets/controls@1.5.2
 - @jupyter-widgets/html-manager@0.18.3
 - @jupyter-widgets/jupyterlab-manager@1.0.2
 - @jupyter-widgets/notebook-manager@4.0.2
Latest commit 4bbe07f Jul 29, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
scripts Fix building examples Jun 22, 2019
src Fix web3 example Jun 23, 2019
.gitignore Move examples to the top level. Jun 24, 2017
index.html jupyter-js-widgets -> jupyter-widgets Aug 3, 2017
package.json Publish npm packages Jul 29, 2019
tsconfig.json Fix web3 example Jun 23, 2019
webpack.config.js Make all example webpack configs development mode so people can more … Jun 23, 2019

Using jupyter-js-widgets in non-notebook, web context


This directory is an example project that shows how to use Jupyter widgets in a web context other than the notebook.

This example requires a Jupyter notebook server to be running. The user is prompted with a dialog to provide the URL with a running notebook server.

This example also displays read-only text area containing the code provided in the widget_code.json, which we used to generate the widget state.

Try it

  1. Start with a repository checkout, and run yarn install in the root directory.
  2. Run yarn run build:examples in the root directory.
  3. Change to this directory
  4. Run yarn run host
  5. In a new terminal run python -m notebook --no-browser --NotebookApp.allow_origin="*" --NotebookApp.disable_check_xsrf=True --NotebookApp.token=''. WARNING: This starts an insecure Jupyter notebook server. Do not do this in production.
  6. In a web browser, navigate to http://localhost:8080/ (or the address specified by the yarn run host command)
You can’t perform that action at this time.