Update pages/ML vs DL.py

pages/ML vs DL.py

@@ -0,0 +1,110 @@
+import streamlit as st
+
+# Set the page configuration
+st.set_page_config(page_title="ML vs DL", page_icon="🤖")
+
+# Custom CSS for styling
+st.markdown("""
+    <style>
+    body {
+        font-family: 'Arial', sans-serif;
+        background-color: #f4f4f4;
+    }
+    .title {
+        text-align: center;
+        font-size: 2.5rem;
+        color: #4CAF50;
+        margin-bottom: 10px;
+    }
+    .subtitle {
+        text-align: center;
+        font-size: 1.2rem;
+        color: #333;
+        margin-bottom: 30px;
+    }
+    .table-container {
+        margin: 0 auto;
+        width: 80%;
+        background-color: #fff;
+        border-radius: 10px;
+        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+        padding: 20px;
+    }
+    .styled-table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 1rem;
+    }
+    .styled-table thead tr {
+        background-color: #4CAF50;
+        color: #ffffff;
+        text-align: left;
+    }
+    .styled-table th, .styled-table td {
+        padding: 12px 15px;
+    }
+    .styled-table tbody tr {
+        border-bottom: 1px solid #dddddd;
+    }
+    .styled-table tbody tr:nth-of-type(even) {
+        background-color: #f3f3f3;
+    }
+    .styled-table tbody tr:last-of-type {
+        border-bottom: 2px solid #4CAF50;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+# Title and subtitle
+st.markdown('<div class="title">Machine Learning vs Deep Learning</div>', unsafe_allow_html=True)
+st.markdown('<div class="subtitle">Understanding the key differences</div>', unsafe_allow_html=True)
+
+# HTML table for differences
+html_table = """
+<div class="table-container">
+    <table class="styled-table">
+        <thead>
+            <tr>
+                <th>Aspect</th>
+                <th>Machine Learning</th>
+                <th>Deep Learning</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>Definition</td>
+                <td>Uses algorithms to parse data, learn from it, and make predictions.</td>
+                <td>A subset of ML focused on neural networks with many layers.</td>
+            </tr>
+            <tr>
+                <td>Data Dependency</td>
+                <td>Performs well with structured and smaller datasets.</td>
+                <td>Requires large amounts of unstructured data to perform well.</td>
+            </tr>
+            <tr>
+                <td>Feature Engineering</td>
+                <td>Requires manual feature extraction by domain experts.</td>
+                <td>Automates feature extraction using neural networks.</td>
+            </tr>
+            <tr>
+                <td>Hardware Requirements</td>
+                <td>Works on standard CPUs; lower hardware demands.</td>
+                <td>Requires GPUs/TPUs for efficient computation.</td>
+            </tr>
+            <tr>
+                <td>Interpretability</td>
+                <td>More interpretable and explainable results.</td>
+                <td>Less interpretable due to complex neural networks.</td>
+            </tr>
+            <tr>
+                <td>Training Time</td>
+                <td>Relatively faster to train models.</td>
+                <td>Training can take significantly longer.</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+"""
+
+# Render the HTML table
+st.markdown(html_table, unsafe_allow_html=True)