IPywidgets do not respond properly

[uriahf]

Description

I want to create a slider with coressponding svg that is being updated according to the slider value.

I think it should work, but for some reason the image is not being updated. Any ideas?

I made a reproducible example (code included):
https://uriahf.quarto.pub/quarto-basics/

When I run the chunck on interactive session, everything seems to work well

2025-04-22.124331.mp4

Thanks!

[mcanouil]

I think it should work, but for some reason the image is not being updated. Any ideas?

I assume your code require the Python code to be executed which can happen when interactive but how do you expect the computation to happen from a static HTML file (without any Python server behind to compute the changes)?

[uriahf]

It does require python code, but it doesn't have to be standalone.

My end goal is to implement it in my quartodoc file:
https://uriahf.github.io/rtichoke_python/before_we_validate.html

I saw some fancy shinylive implemented in quartodocs, I guess interactive slider should work as well.

[mcanouil]

Shinylive uses WASM to compute the code.
You are using actual Python from your machine, thus a server.
If you don't have any "backend" to compute the code, it can't work.

[uriahf]

Got it.
Are you familiar with any reasonable alternatives?

[mcanouil]

Shiny😅 either with a server or using WASM.

Or use Observable.js and pre-rendered Python results.
Like produce an object that holds your SVG, send it to Observable.js. Code the interactivity in Observable.js code cells.

For short, read the "interactivity" guide on https://quarto.org/

[uriahf]

Observable.js works well!
I don't need any python :)

Check it out:

Rendered (with code):
https://uriahf.quarto.pub/facing-resource-constraint/

Thanks!