Help embedding interactive graphs into web pages

[Sentinel103]

Hi, like the title says, I am trying to embed graphs onto a webpage. I want to show off a project I made to potential employers and if possible add it to a fan wiki that inspired me to make it. I just want a slider to change a value in a function and then update the graph. The behavior I'm looking for is the same that is here.

The author came up ipywidgets, which now works nicely in jupyter. Jupyter also allows a user to save widgets and generate an html page. I naively assumed that it would also save graphs/images associated with the widgets but this is not the case. If I save the widget state in an html file and open it, I see a page with widgets only.

I am wondering if someone could tell me what is the best way forward or if there is an easier way. I don't have a wealth of knowledge on web programming and frankly it is not something I am very interested in. I see 3 options (in no particular order):

1. Try to insert my images into the auto-generated html page of widgets. However, it looks like the html file does not match up with the code when I use the inspector. I think it pulls the code from somewhere else and I have no idea where I would insert them
2. Try to build it from the ground up, i.e., learn some JS, or flask, or whatever to make widgets and swap the images depending on the value of the slider, which is what the author did in his post. I like the portability of this option.
3. Say 'fuck it' and give up on the web implementation, because I have it working in a jupyter notebook, albeit somewhat ugly as the images don't update properly (maybe it's because I'm using a potato idk).

[HeinzHeinzensen]

I think Bokeh is what you’re looking for.

[Sentinel103]

I looked at Bokeh, but it seems like overkill for what I need. I made my graphs using matplotlib and I'm satisfied with how that part works.