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

anywidget is available on PyPI:

pip install "anywidget[dev]"

and also on conda-forge:

conda install -c conda-forge anywidget

Usage

import anywidget
import traitlets

class CounterWidget(anywidget.AnyWidget):
    # Widget front-end JavaScript code
    _esm = """
    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);
    }
    export default { render };
    """
    # 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.

Support

Having trouble? Get help in our Discord or open a Discussion.

Contributing

New contributors welcome! Check out our Contributors Guide for help getting started.

Join us on Discord to meet other maintainers. We'll help you get your first contribution in no time!

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.9.1.tar.gz (3.5 MB view details)

Uploaded Source

Built Distribution

anywidget-0.9.1-py3-none-any.whl (72.0 kB view details)

Uploaded Python 3

File details

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

File metadata

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

File hashes

Hashes for anywidget-0.9.1.tar.gz
Algorithm Hash digest
SHA256 f7ea3b7928a16cec656b3a7585ab9b159b6f7d94e7e3a3cbb2a18db23b61dc3b
MD5 3209a46ede428aad6e6b8f2e8436b590
BLAKE2b-256 e13ceed16631bb06180d7610065e2a43da19f2d3a4fb230ed9fa09d3ad3d31f6

See more details on using hashes here.

File details

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

File metadata

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

File hashes

Hashes for anywidget-0.9.1-py3-none-any.whl
Algorithm Hash digest
SHA256 f5abdd2c8f35f36690c36a0e7e4fc5304ef8c8fc6681c098a1d8bf2fe0dfeb8f
MD5 39956847be08d38921abfb61ed89c4cc
BLAKE2b-256 ae59036938c172e0ac6a5df1b414f68169b2fb93d36fa6fc90bfce756e3c9ef2

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