How to jslink slider (or any other js property) to Image's alpha tutorial

Showcase
1

First look at the properties

slider = pn.widgets.FloatSlider()
tiles = gv.Image(([0, 1], [3, 4], [[4, 5], [6, 7]]))
slider.jslink(tiles, code={"value": "console.log(glyph)"})
pn.Row(slider, tiles)

image
image791×215 15.4 KB

Then based off this

cds: The bokeh ColumnDataSource model which holds the data used to render the plot

glyph: The bokeh Glyph defining the style of the element

glyph_renderer: The Bokeh GlyphRenderer responsible for rendering the element

plot: The bokeh Figure

xaxis/yaxis: The Axis models of the plot

x_range/y_range: The x/y-axis Range1d models defining the axis ranges

from
https://panel.holoviz.org/user_guide/Links.html#holoviews

slider = pn.widgets.FloatSlider()
tiles = gv.Image(([0, 1], [3, 4], [[4, 5], [6, 7]]))
slider.jslink(tiles, value="glyph.global_alpha")
pn.Row(slider, tiles)
1 Like
2

Just to clarify in case anyone finds this awesome answer. ‘Look at the properties’ refers to opening the developer tools in your browser and looking at the ‘console’ tab

1 Like