Update pages/Types of Data.py

pages/Types of Data.py

@@ -1,99 +1,86 @@
-pip install transformers
-
 import streamlit as st
-from streamlit_lottie import st_lottie
-import requests
-from transformers import pipeline
-import gradio as gr
-from PIL import Image, ImageOps
-import numpy as np
-import random
-
-# Function to load Lottie animation from a URL
-def load_lottie_url(url: str):
-    r = requests.get(url)
-    if r.status_code != 200:
-        return None
-    return r.json()
 
-# Load animations using URLs
-structured_animation_url = "https://assets10.lottiefiles.com/packages/lf20_4j6cnjjm.json"
-semi_structured_animation_url = "https://assets10.lottiefiles.com/packages/lf20_0fhcmhgf.json"
-unstructured_animation_url = "https://assets10.lottiefiles.com/packages/lf20_rekwjvy0.json"
+# Custom CSS for enhanced styling with gradients and interactive hover effects
+st.markdown(
+    """
+    <style>
+    .stApp {
+        background: linear-gradient(135deg, #1f1c2c, #928dab);
+        color: #E0E0E0;
+    }
+    .stTitle {
+        text-align: center;
+        color: #76FF03;
+    }
+    .css-1d391kg p, .css-1v0mbdj p {
+        color: #B0BEC5;
+    }
+    .css-1aumxhk .stSlider .st-dh{
+        background-color: #76FF03;
+    }
+    .stButton > button:hover {
+        background-color: #4CAF50;
+        color: white;
+        transform: scale(1.05);
+    }
+    .download-button button {
+        background-color: #FF4081;
+        color: white;
+    }
+    .download-button button:hover {
+        background-color: #F50057;
+        transform: scale(1.1);
+    }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
 
-# Sidebar navigation
-st.sidebar.title("Navigation")
-page = st.sidebar.radio("Choose a page", ["Home", "Structured Data", "Semi-Structured Data", "Unstructured Data", "Image Augmentation"])
+st.title("📊 Data Types Explorer", anchor=False)
 
-if page == "Home":
-    st.title("Understanding Data and Its Types 🌐")
-    st.header("What is Data?")
-    st.write("""
-    **Data** refers to raw facts, figures, or information that can be collected, measured, and analyzed for specific purposes.
-    It serves as the foundation for generating insights, making decisions, and solving problems in various fields.
-    """)
+st.sidebar.subheader("🔍 Explore Data Types")
 
-elif page == "Structured Data":
-    st.title("Structured Data 📋")
-    animation = load_lottie_url(structured_animation_url)
-    if animation:
-        st_lottie(animation, height=300, key="structured_animation")
-    st.write("""
-    **Definition**: Structured data refers to data organized in predefined formats like tables, making it easily searchable.
-    """)
+# Dropdown to select data type to learn about
+data_type = st.sidebar.selectbox(
+    "Select a Type of Data:",
+    ["Structured Data", "Unstructured Data", "Semi-Structured Data", "Time-Series Data", "Spatial Data"]
+)
 
-elif page == "Semi-Structured Data":
-    st.title("Semi-Structured Data 🧩")
-    animation = load_lottie_url(semi_structured_animation_url)
-    if animation:
-        st_lottie(animation, height=300, key="semi_structured_animation")
-    st.write("""
-    **Definition**: Semi-structured data lacks a strict schema but is organized through tags and markers.
-    """)
-
-elif page == "Unstructured Data":
-    st.title("Unstructured Data 🗂️")
-    animation = load_lottie_url(unstructured_animation_url)
-    if animation:
-        st_lottie(animation, height=300, key="unstructured_animation")
-    st.write("""
-    **Definition**: Unstructured data lacks predefined organization, including images, videos, and audio files.
-    """)
+# Display information based on selected data type
+if data_type == "Structured Data":
+    st.subheader("📋 Structured Data")
+    st.write(
+        "Structured data is organized and stored in databases with clear formats, such as rows and columns."
+        " Examples include Excel files, SQL databases, and CSV files."
+    )
 
-# Image Augmentation Section
-elif page == "Image Augmentation":
-    st.title("Image Augmentation Tool 🖼️")
+elif data_type == "Unstructured Data":
+    st.subheader("🗂️ Unstructured Data")
+    st.write(
+        "Unstructured data lacks a predefined format and cannot be stored easily in relational databases."
+        " Examples include images, videos, and social media posts."
+    )
 
-    def augment_image(image, crop_size, flip, rotation):
-        img = Image.fromarray(image)
-        if crop_size > 0:
-            width, height = img.size
-            left = random.randint(0, crop_size)
-            top = random.randint(0, crop_size)
-            right = width - random.randint(0, crop_size)
-            bottom = height - random.randint(0, crop_size)
-            img = img.crop((left, top, right, bottom))
-        if flip:
-            img = ImageOps.mirror(img)
-        if rotation != 0:
-            img = img.rotate(rotation, expand=True)
-        return np.array(img)
+elif data_type == "Semi-Structured Data":
+    st.subheader("📄 Semi-Structured Data")
+    st.write(
+        "Semi-structured data falls between structured and unstructured data."
+        " It contains tags and markers to separate data but does not fit into traditional databases."
+        " Examples include JSON, XML, and YAML files."
+    )
 
-    def interface(image, crop_size, flip, rotation):
-        augmented_image = augment_image(image, crop_size, flip, rotation)
-        return augmented_image
+elif data_type == "Time-Series Data":
+    st.subheader("⏱️ Time-Series Data")
+    st.write(
+        "Time-series data represents information recorded at specific time intervals."
+        " Examples include stock prices, weather data, and sensor readings."
+    )
 
-    app = gr.Interface(
-        fn=interface,
-        inputs=[
-            gr.Image(type="numpy"),
-            gr.Slider(0, 100, step=1, label="Crop Size"),
-            gr.Checkbox(label="Flip"),
-            gr.Slider(0, 360, step=1, label="Rotation Angle")
-        ],
-        outputs=gr.Image(type="numpy"),
-        title="Image Augmentation Tool",
-        description="Upload an image to apply cropping, flipping, and rotation."
+elif data_type == "Spatial Data":
+    st.subheader("🗺️ Spatial Data")
+    st.write(
+        "Spatial data represents the location and shape of objects in space."
+        " Examples include GPS data, maps, and satellite imagery."
     )
 
-    app.launch()
+st.sidebar.success("Select a data type to learn more!")