pages/2_Introduction_to_Statistics.py

import streamlit as st
import pandas as pd
st.markdown("""
    <style>
    /* Set a soft background color */
    body {
        background-color: #eef2f7;
    }
    /* Style for main title */
    h1 {
        color: #00FFFF;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        text-align: center;
        margin-bottom: 25px;
    }
    /* Style for headers */
    h2 {
        color: #FFFACD;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-top: 30px;
    }
    
    /* Style for subheaders */
     h3 {
        color: #ba95b0;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-top: 20px;
    }
    .custom-subheader {
        color: #00FFFF;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-bottom: 15px;
    }
    /* Paragraph styling */
    p {
        font-family: 'Georgia', serif;
        line-height: 1.8;
        color: #FFFFFF; /* Darker text color for better visibility */
        margin-bottom: 20px;
    }
    /* List styling with checkmark bullets */
    .icon-bullet {
        list-style-type: none;
        padding-left: 20px;
    }
    .icon-bullet li {
        font-family: 'Georgia', serif;
        font-size: 1.1em;
        margin-bottom: 10px;
        color: #FFFFF0; /* Darker text color for better visibility */
    }
    .icon-bullet li::before {
        content: "✔️";
        padding-right: 10px;
        color: #17a2b8;
    }
    /* Sidebar styling */
    .sidebar .sidebar-content {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 15px;
    }
    .sidebar h2 {
        color: #495057;
    }
     /* Mobile specific styles */
    @media only screen and (max-width: 600px) {
        .stApp {
            background-color: #070109;
        }
        h1, h2 {
            font-size: 18px;  /* Adjust font size for mobile devices */
        }
    }
    </style>
    """, unsafe_allow_html=True)
st.title("INTRODUCTION TO STATISTICS")
st.markdown("""Statistics is a branch of mathematics focused on collecting, analyzing, interpreting, and presenting data. It can be divided into two main categories
""", unsafe_allow_html=True)
st.subheader("Descriptive Statistics")
st.markdown("""
    Descriptive statistics summarize and describe the main features of a dataset. Key concepts include:
    <ul class="icon-bullet">
        <li>Measures of Central Tendency (Mean, Median, Mode)</li>
        <li>Measures of Dispersion (Range, Variance, Standard Deviation)</li>
        <li>Data Distributions (e.g., Gaussian, Random, Normal)</li>
    </ul>
""", unsafe_allow_html=True)
st.subheader("Inferential Statistics")
st.markdown("""
    Inferential statistics involve making predictions or inferences about a population based on a sample. These methods are used to test hypotheses and estimate population parameters.
    <ul class="icon-bullet">
        <li>Hypothesis Testing (t-tests,Chi-square tests,ANOVA)</li>
        <li>Confidence Intervals </li>
        <li>Regression Analysis(Simple Linear Regression,Multiple Regression,Logistic Regression)</li>
    </u>
""", unsafe_allow_html=True)
st.header("While collecting the data we tend to collect the data based on")
st.markdown(""" 
<ul class="icon-bullet">
<li>Poulation</li>
<li>Sample</li>
</ul>
""",unsafe_allow_html=True)
st.subheader("Population")
st.markdown("""Population refers to the entire set of data or all possible observations relevant to a particular study or analysis.
""",unsafe_allow_html=True)
st.markdown("""Population Measure are **Parameters**
""",unsafe_allow_html=True)
st.image("https://cdn-uploads.huggingface.co/production/uploads/64c972774515835c4dadd754/NqR4Aud2KosmHI4GDsCvF.png",caption="Population Data",width=400) 
st.subheader("Sample")
st.markdown("""A sample is a smaller subset of a population, selected to represent the entire population in a study or analysis.
""",unsafe_allow_html=True)
st.markdown("""Sample Measure are **Statistics**
""",unsafe_allow_html=True)
st.image("https://cdn-uploads.huggingface.co/production/uploads/64c972774515835c4dadd754/u73pY9APXB0kpickkqbjo.png",caption="Sample Data",width=400)