DoonopsEdTech
Language

Streamlit · Lesson 48 of 56

Streamlit App

Source: 14-Streamlit/app.py

Start here — no coding background needed

What you will learn

Put charts and text on one scrollable page.

In simple words

One Python file becomes a mini website for demos.

Quick dashboards and demos — great for showing data without HTML/CSS.

Easy example — try this first

Easy example — run this first. Change values and press Run again.

Python

Runs in your browser via Pyodide — no server. First run may take a few seconds.

Reference notes (from full bootcamp)

Optional — deeper detail for when you are ready

Reference script from the bootcamp repo. Read the code below; run a simplified version in the playground when marked runnable.

Example HCL
HCL
import streamlit as st
import pandas as pd
import numpy as np

## Title of the aplication
st.title("Hello Streamlit")

## Diplay a Simple Text
st.write("This is a imple text")

##create a simple Dataframe

df = pd.DataFrame({
    'first column': [1, 2, 3, 4],
    'second column': [10, 20, 30, 40]
})


## Display the Dataframe
st.write("Here is the dataframe")
st.write(df)


##create a line chart

chart_data=pd.DataFrame(
    np.random.randn(20,3),columns=['a','b','c']
)
st.line_chart(chart_data)

Browser practice only — full example needs Python on your computer (files, Flask, threads, etc.).

Practice test — try yourself

Write code, press Check. Wrong answer shows the correct code to copy & run.

You learned "Streamlit App". Use print() to show: Done: Streamlit App

Hint: Use one print() with the exact text.

Python