Information on three cards

[Rafael_Araujo]

Hello.

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.

Thanks

[Marisa_Smith]

Hey @Rafael_Araujo,
Fisrt, welcome to the Streamlit community!

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

st.metric - Streamlit Docs

Happy Streamlit-ing!
Marisa

[Rafael_Araujo]

Hello Marisa.

Thank you for your help.