Dive Deeper into Python and Streamlit to create website: An Advanced Guide with Demo Code and Slides

Share this post:


In our previous article Learn Python From Zero For Absolute Beginner (3): Create Website, we introduced you to Streamlit, an easy-to-use Python library that allows you to create interactive web applications. We showed you how to quickly get started with Streamlit and build a basic website. However, that was just the tip of the iceberg! In this article, we will dive deeper into Streamlit’s capabilities, showcasing an advanced level of features and providing you with demo code and slides that go beyond what’ve covered in our previous article.


We have created an open-source GitHub repository that contains our demonstration code and slides, allowing you to explore Streamlit’s capabilities in greater detail. Let’s take a closer look at some of the exciting features you’ll find in the repository:

All the source code and slides can be found in this repository: https://github.com/hkust-dh/streamlit-demo-20240322

Live demo of the streamlit app: https://hkust-dh-demo-20240322.streamlit.app/

streamlit demo preview

1. Retrieving Data from Excel
Learn how to extract data from Excel spreadsheets and utilize it within your Streamlit application.

2. API Integration
Explore how to integrate external APIs into your Streamlit application. You’ll gain hands-on experience in fetching data from APIs and displaying it dynamically in your website.

3. Data Analysis and Visualization
Discover how to use the power of loops in Python to iterate through the datasets and generate captivating displays. Learn how to implement interactive features in your Streamlit app, allowing users to select and filter data based on their preferences which could enhance user engagement and enable personalized data exploration.

4. Embedding Tableau Visualizations
Learn how to integrate Tableau visualizations into your Streamlit app. We provide you with the necessary code and guidance to embed your own interactive and beautiful Tableau dashboards.

5. Timeline Storytelling
Build a timeline storyline that engages your users and presents data in a compelling manner.

6. Chatbot interface
Build a “Guess a Number” game, leveraging Streamlit’s chat elements and session state feature. Develop a conversational interface for an engaging and interactive user experience in your website.


The slide below provides instructions for the pre-installation and setup processes, helping you get started with Streamlit smoothly.

The following slide provides some real-world case examples that demonstrate the diverse applications of Streamlit across different projects and industries. By exploring these examples, you will gain insights and inspiration to maximize the potential of Streamlit in your own websites. The slide also offer some helpful tips and shortcuts to streamline your development process and enhance your overall efficiency.

Share your works with us!

We invite you to share the Streamlit websites you have created using the knowledge and skills gained from our previous article or the advanced features covered here. We believe in the power of community learning, your contributions will inspire and motivate others in their Streamlit journey.

We would be thrilled to share and highlight your work here. Share with us!


– By Holly Chan, Library

March 22, 2024

You may also be interested in…