Link Parameters with Callbacks API
If you need full control over how your GUI is set up then you can manually define widgets that link directly to other objects using either Python or JavaScript (JS) callbacks. Python callbacks are simple for Python users to write and can directly access Python data structures, while JS callbacks can directly manipulate the displayed HTML document and allow setting up dynamic behavior even for exported HTML files (with no Python process running). This section contains how-to guides that address common tasks related the use of callbacks.
::::{grid} 1 2 2 3 :gutter: 1 1 1 2
:::{grid-item-card} {octicon}link;2.5em;sd-mr-1 sd-animate-grow50 Create High-Level Python Links with .link 🔗 links :link-type: doc
How to use the convenient, high-level .link API to link parameters in Python. :::
:::{grid-item-card} {octicon}telescope;2.5em;sd-mr-1 sd-animate-grow50 Create Low-Level Python Links with .watch 🔗 watchers :link-type: doc
How to use the flexible, low-level .watch API to trigger callbacks in Python. :::
:::{grid-item-card} {octicon}workflow;2.5em;sd-mr-1 sd-animate-grow50 Link Two Objects in Javascript 🔗 jslinks :link-type: doc
How to link parameters of two objects in Javascript. :::
:::{grid-item-card} {octicon}graph;2.5em;sd-mr-1 sd-animate-grow50 Link Plot Parameters in Javascript 🔗 link_plots :link-type: doc
How to link Bokeh and HoloViews plot parameters in Javascript. :::
:::{grid-item-card} {octicon}north-star;2.5em;sd-mr-1 sd-animate-grow50 Link Many Objects in Javascript 🔗 jscallbacks :link-type: doc
How to write arbitrary Javascript callbacks linking one or more objects. :::
::::
Examples
::::{grid} 1 2 2 3 :gutter: 1 1 1 2
:::{grid-item-card} Bokeh Property Editor :img-top: https://assets.holoviz.org/panel/how_to/links/bokeh_property_editor.png 🔗 examples/bokeh_property_editor :link-type: doc
Build a UI that allows editing a Bokeh figure in JS. :::
:::{grid-item-card} Deck.gl :img-top: https://assets.holoviz.org/panel/how_to/links/deckgl.png 🔗 examples/deckgl :link-type: doc
JS Link JSON editors to allow live editing a Deck.gl plot. :::
:::{grid-item-card} HoloViews :img-top: https://assets.holoviz.org/panel/how_to/links/holoviews_glyph_link.png 🔗 examples/holoviews_glyph_link :link-type: doc
JS Link widgets to a glyph in a HoloViews plot. :::
:::{grid-item-card} Plotly :img-top: https://assets.holoviz.org/panel/how_to/links/plotly.png 🔗 examples/plotly :link-type: doc
JS Link a widget to a Plotly plot. :::
:::{grid-item-card} Vega :img-top: https://assets.holoviz.org/panel/how_to/links/vega.png 🔗 examples/vega_link :link-type: doc
JS Link a widget to a Vega plot. :::
::::