Information on three cards


I’m a new streamlit user. I am developing an IOT application. Development was done on the Jupyter notebook, however I would like to provide a preview page for users to see the information.

The application has 3 output information (machine on/off, number of parts produced and % productivity percentage). I would like to show these three pieces of information in card format as used in power BI. I managed to do some things in streamlit, but I couldn’t find a way to show this information on the card. Could you help me please?

I’m inserting an example image.



Hey @Rafael_Araujo,
Fisrt, welcome to the Streamlit community! :partying_face: :tada: :tada: :partying_face: :star:

I think st.metric will do what you are looking for if you follow the 2nd example with columns:

Happy Streamlit-ing!

1 Like

Hello Marisa.

Thank you for your help.

1 Like