How to create lines and shapes and add symbols?

Using Streamlit
1

I am very new to python and streamlit, so please pardon if it sounds too simple.
I want a simple web app, where there will be a circuit with resistors and batteries. Users will input the values of resistors and batteries and the app will give them the result from calculation.
The circuit needs to be adjustable within the app’s ui, like users will be able to add or remove resistors. The widgets for inputting the values of resistors should be right below or above the resistor shapes in the circuit.
I can handle the calculation side, but don’t know how to have the circuit with its lines and shapes. Please give some guidelines.

2

I Googled “python circuit diagram” and found schemdraw. I’d start looking there. To make a jump into a Streamlit app, I’d look for something within schemdraw that can output an image or HTML code that renders the image, and then show it in a Streamlit app with st.image or st.html accordingly. You can use input widgets within Streamlit and labels to associate user edits to points on the diagram.

3

Thanks a lot for the reply.
Edit: After looking into it, it seems to be the thing that I needed, thanks.