STREAMLIT Python TRICKS - make your WEB APP look BETTER in 6 Minutes |Machine Learning| Data Science

Рет қаралды 25,247

Күн бұрын

Hello everyone ! Probably you have often wondered, what can be the better ways to make your Streamlit web application shine and be user-friendly. This video covers a few easy steps, that can minimalize and tweak the already added Streamlit features within the default web application.
Streamlit web framework is very commonly used for data science and machine learning.
Streamlit - streamlit.io
Streamlit component for Highlighting texts - github.com/tvst/st-annotated-...
Segments
0:00 - Intro
0:25 - Create Horizontal Radio Button
1:24 - Highlighting Streamlit Texts
2:01 - Modify Color Theme
3:12 - Change Default App Name and Icon
4:02 - Remove Main Menu and Footer Note
4:44 - Highlighting Dataframe
6:11 - Wrap up
Check out the other similar videos in this playlist -
• Streamlit-Python Web A...
Link to my GitHub ⬇️
github.com/avrabyt/Streamlit-...
🐥 Stay connect with me over Twitter - / avra_b
☕️ Want to support and get membership access? www.buymeacoffee.com/AvraCodes
🔥 By becoming a patron, you'll get access to exclusive content, codes, or videos beforehand, one-to-one web app development / relevant discussion, live-chat with me on specific videos and other perks. ( FYI : Basic Tier is 50% cheaper than ChatGPT/monthly with benefits which an AI can't help with 😉 ):
patreon.com/user?u=82100262&u...
Looking forward to hear from you all ! 🤗
Ta-Da ! 🐱

Пікірлер: 55

@Avra_b 2 жыл бұрын

Here's my blog post related to this video . Feel free to share your comment! medium.com/@avra42/streamlit-python-cool-tricks-to-make-your-web-application-look-better-8abfc3763a5b

@lossm333654 2 жыл бұрын

great, thank you

@Avra_b 2 жыл бұрын

@@lossm333654 You are welcome, I hope it comes handy for you . Cheers !

@lossm333654 2 жыл бұрын

good job Avra

@Piotr__ 2 жыл бұрын

great video, it helped me a lot. Thank you!

@Avra_b 2 жыл бұрын

Glad to hear that Piotr ! Stay in touch and feel free to share your feedbacks 🤗🎈

@bingolio Жыл бұрын

Great Job, THANKS!

@Avra_b Жыл бұрын

Happy to hear :)

@seagal97 2 жыл бұрын

Horizontal radio button hack is very cool. Thanks for the trick Avra.

@Avra_b 2 жыл бұрын

I’m glad that you liked it and thank you for you feedback :)

@jorge1869 2 жыл бұрын

Excellent channel!!!, Best regards.

@Avra_b 2 жыл бұрын

Hi Jorge , thank you ! I’m glad that you are enjoying my videos , do stay in touch :)

@Challseus 2 жыл бұрын

Looks good thank you for you

@Avra_b 2 жыл бұрын

Hi Challseus ! Thank you for your feedbacks. 🤗

@franklinwanderson4316 2 жыл бұрын

Tks bro for your help.

@Avra_b 2 жыл бұрын

Thank you Franklin for your support . Means a lot 🤗🎈

@lonebadatel 2 жыл бұрын

Super useful videos buddy keep it up

@Avra_b 2 жыл бұрын

Thank you Subranjit for your kind words. I’m glad that the videos were useful for you . Let’s stay in touch and please feel free to leave your feedbacks :)

@jairjuliocc 2 жыл бұрын

Thank You , very useful. Can you explain other ways of use CSS in streamlit?

@Avra_b 2 жыл бұрын

Hi, thank you for your feedback. I’ll try to do that as well , probably as a blog post if not as a video . Cheers

@AliAlias Жыл бұрын

Good information, Thanks very much Can make video about make streamlit app Responsive Ui

@Avra_b Жыл бұрын

Thanks ☺️ that’s a great suggestion, I would love to make something on it . Will update you . Stay in touch 🎈🤗

@sgvani8202 4 ай бұрын

Is it possible to change font colour instead of text highlight? And also how to set screen size as constant, because when opened in a larger screen, the graphs put in 2 columns were split apart and gives a lot of soafe inbetween. It would be glad if you've any solution to it!! Thank you!!!

@tancodes 2 жыл бұрын

wow it really helped me a lot. Can you just make a video on columns and rows in streamlit I mean layouts.

@Avra_b 2 жыл бұрын

I’m glad that it was useful for you . Sure , I’ll try to emphasize your suggestions in my next videos. Otherwise , please do check my previous videos , where I used Streamlit Coloumns , expander and container - functions for layout , that can be helpful as well to some extend. Cheers

@abhishekanand5898 2 жыл бұрын

@@Avra_b Yes bro I'm doing but dont know once I am refreshing the homepage it is not adapting the changes...

@Avra_b 2 жыл бұрын

@@abhishekanand5898 ah that’s it’s unusual, if possible please do share with me your GitHub repo ! Or you can also mention this in Streamlit community post .

@DittoRahmat 2 жыл бұрын

Hi Avra, What CSS should I write if want to create horizontal button (regular one not radio) ?

@Avra_b 2 жыл бұрын

Hi ! There are already ready-to-use alternatives, such as - 1. to use the combination of Streamlit syntax - st.coloums and st.button. 2. There’s a Streamlit component - streamlit toggle button github.com/asehmi/streamlit-toggle-buttons-component 3. If you want some markdown implementations- check this video from @Data Professor -kzfaq.info/get/bejne/ntWAqbJ6r9zWkmw.html For sure you can write your own component with CSS and JS callbacks. Which will be equivalent to create a separate component. Does these helps ? Let me know and stay in touch 🤗

@geoffrygeorgemathew3505 2 жыл бұрын

Great Video. Any way to centralise st.button along the horizontal direction?

@Avra_b 2 жыл бұрын

Hi Geoffry , thanks for your feedback :) I saw your post in the Community Forum, I'm glad that you could figure it out and also shared it with others , Great ! Stay in touch :)

@geoffrygeorgemathew3505 2 жыл бұрын

@@Avra_b Thanks Avra. Hope it helps. The solution was just two lines of code away. Thanks for sharing the solution to others. 😄

@Avra_b 2 жыл бұрын

@@geoffrygeorgemathew3505 yes I saw the solution, neat ! :)

@gauthamsuresh4316 2 ай бұрын

Bro , i we already have a .streamlit file right? when we download? so shud we create another?. i want to change background colour. i have installed streamlit inside a directory and now it has .streamlit file. my main streamlit python code is in the same directory as .streamlit but wihtin my project folder. so what to do?

@nikhileshshah361 2 жыл бұрын

Hey can u show how to make interactive bargraph and line graph using matplotlib and streamlit

@Avra_b 2 жыл бұрын

Sure that's a great suggestion ! Stay in touch .

@vrkv380 2 жыл бұрын

Hi, I have some questions on streamlit 1) Can we reduce the gap on the header above main title 2) I have state , city and country dropdown in the sidebar. i want to fetch city dropdown values only after state is selected , until then city dropdown should be disabled. likewise country dropdown 3) only after selecting all the required dropdown in the sidebar, i want to displays chart on the main content. every time i change the dropdown values the request is submitted is to the server. Can we stop this ?

@Avra_b 2 жыл бұрын

Hi ! Possibly these workarounds may work for you . Q1. Please check this link (discuss.streamlit.io/t/how-to-reduce-the-top-blank-area-height-of-streamlit-app/18057) , I found this similar question back in the Streamlit Community Forum - it's more of a CSS implementation. Q2. If I understood your goals, using st.session_state and initialising with st.empty (do refer to the doc ), will come handy and may solve the issue. Let me know how it goes, Goodluck! Avra

@maivish100 Ай бұрын

Hi…. Can we make column header dynamic with color coding in ST. I tried but getting an error there is no feature in ST. Kindly reply

@ki7985 2 жыл бұрын

Hello, can you tell me if its possible to links two streamlit python file,like when click on a button another python file is open

@Avra_b 2 жыл бұрын

Hi ! Do you mean a multipage option ? Streamlit latest version supports that , try it out :)

@mansimishra7089 2 жыл бұрын

Hello Bhaiya !! Please make one video on how to add background image in streamlit web app.

@Avra_b 2 жыл бұрын

Hey Mansi , that’s a great suggestion . I’ll try to make a short video on it and update you . Cheers 🤗🎈

@wgalloPT Жыл бұрын

Anyway streamlit has a mousedown event ??

@Avra_b Жыл бұрын

As per my knowledge goes, I don’t think Streamlit has any such built in feature for time being . Cheers , Avra

@MovieClips14359 Жыл бұрын

How to add paywall in streamlit web app

@Avra_b Жыл бұрын

Indeed a feature which was asked several times . I’ll be demonstrating such use case soonish using Databutton . Will keep you in the loop

@MovieClips14359 Жыл бұрын

Paywall Streamlit content app

@Avra_b Жыл бұрын

Cool , will be .

@abhishekanand5898 2 жыл бұрын

Not able to change colour in PyCharm pls help it is not changing...

@Avra_b 2 жыл бұрын

Hi Abhishek, thank you for your comment ! Can you please be more specific ? Do you mean color theme of your application ?

@abhishekanand5898 2 жыл бұрын

@@Avra_b yes bro when my copying the theme and then pasting it to config.tml and reloading my local serving it is not adapting the changes..

@Avra_b 2 жыл бұрын

@@abhishekanand5898 did you create a folder - .streamlit, in the same folder where your Python script for running the app is located . Inside the .streamlit folder , add config.toml file and paste the copied content . This normally works irrespective of the Python IDE you use . Also refer to the streamlit documentation or the tree structure of folder in the video carefully! Cheers

@Piotr__ 2 жыл бұрын

@@Avra_b I also was trying to do it in PyCharm and it didn't work for me in the first attempt. But now It works! If you still have problem try this: 1) make sure, config file has proper name and format. It should be "config.toml" 2) install necessary pyCharm plugins for *.toml format files. 3) restart whole environment and your IDE

@Avra_b 2 жыл бұрын

@@Piotr__ apologies for my late response, probably I missed your solution here . Probably this will solve the issue .Thank you again @Piotr .Stay in touch and keep helping the community 🤗🎈