Skip to main content

custom jupyter widgets made easy

Project description

anywidget

PyPI License codecov Open In Colab DOI

custom jupyter widgets made easy

  • 🛠️ create widgets without complicated cookiecutter templates
  • 📚 publish to PyPI like any other Python package
  • 🤖 prototype within .ipynb or .py files
  • 🚀 run in Jupyter, JupyterLab, Google Colab, VSCode, and more
  • ⚡ develop with instant HMR, like modern web frameworks

Learn more in the Jupyter blog.

Installation

Warning: anywidget is new and under active development. It is not yet ready for production as APIs are subject to change.

anywidget is available on PyPI and may be installed with pip:

pip install "anywidget[dev]"

It is also available on conda-forge. If you have Anaconda or Miniconda installed on your computer, you can install anywidget with the following command:

conda install -c conda-forge anywidget

Usage

import anywidget
import traitlets

class CounterWidget(anywidget.AnyWidget):
    # Widget front-end JavaScript code
    _esm = """
    export function render({ model, el }) {
      let button = document.createElement("button");
      button.innerHTML = `count is ${model.get("value")}`;
      button.addEventListener("click", () => {
        model.set("value", model.get("value") + 1);
        model.save_changes();
      });
      model.on("change:value", () => {
        button.innerHTML = `count is ${model.get("value")}`;
      });
      el.appendChild(button);
    }
    """
    # Stateful property that can be accessed by JavaScript & Python
    value = traitlets.Int(0).tag(sync=True)

Front-end code can also live in separate files (recommend):

import pathlib
import anywidget
import traitlets

class CounterWidget(anywidget.AnyWidget):
    _esm = pathlib.Path("index.js")
    _css = pathlib.Path("styles.css")
    value = traitlets.Int(0).tag(sync=True)

Read the documentation to learn more.

Contributing

See CONTRIBUTING.md for information on how to develop anywidget locally.

License

MIT

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

anywidget-0.7.0.tar.gz (3.1 MB view details)

Uploaded Source

Built Distribution

anywidget-0.7.0-py3-none-any.whl (39.8 kB view details)

Uploaded Python 3

File details

Details for the file anywidget-0.7.0.tar.gz.

File metadata

  • Download URL: anywidget-0.7.0.tar.gz
  • Upload date:
  • Size: 3.1 MB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/4.0.2 CPython/3.11.5

File hashes

Hashes for anywidget-0.7.0.tar.gz
Algorithm Hash digest
SHA256 3b1c029c21af4b0ad5c41cd0c31301a844ac113bb6ab5bdd7af2470ebfc87d42
MD5 0731109ba194514a95a2858592389739
BLAKE2b-256 ca71d8d10c20d0a019b9561a10ae46636b9fc50f55f60e50e583303736848491

See more details on using hashes here.

File details

Details for the file anywidget-0.7.0-py3-none-any.whl.

File metadata

  • Download URL: anywidget-0.7.0-py3-none-any.whl
  • Upload date:
  • Size: 39.8 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/4.0.2 CPython/3.11.5

File hashes

Hashes for anywidget-0.7.0-py3-none-any.whl
Algorithm Hash digest
SHA256 8a4b7cd2506acd7fdb75d34c665277ade81989abf9e4bf1944553d55ee3c0b3e
MD5 4a6832a4a699ce7f995dcc51d5079ba9
BLAKE2b-256 e2e929a69fc95a02a087ae30dcd8f9224d56bcf7077be4dba6e4e90d533930b5

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page