Spaces:
Sleeping
Sleeping
Update pages/ML VS DL.py
Browse files- pages/ML VS DL.py +66 -48
pages/ML VS DL.py
CHANGED
|
@@ -3,56 +3,74 @@ import streamlit as st
|
|
| 3 |
# Title for the app
|
| 4 |
st.markdown("<h1 style='text-align: center; color: #2C3E50;'>Decoding the Difference: Machine Learning vs. Deep Learning</h1>", unsafe_allow_html=True)
|
| 5 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 6 |
|
| 7 |
# Table comparison with examples
|
| 8 |
st.markdown("""
|
| 9 |
-
<
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 57 |
""", unsafe_allow_html=True)
|
| 58 |
|
|
|
|
|
|
|
|
|
| 3 |
# Title for the app
|
| 4 |
st.markdown("<h1 style='text-align: center; color: #2C3E50;'>Decoding the Difference: Machine Learning vs. Deep Learning</h1>", unsafe_allow_html=True)
|
| 5 |
|
| 6 |
+
import streamlit as st
|
| 7 |
+
|
| 8 |
+
# Title for the page
|
| 9 |
+
st.title("Machine Learning (ML) vs. Deep Learning (DL): A Comparison")
|
| 10 |
|
| 11 |
# Table comparison with examples
|
| 12 |
st.markdown("""
|
| 13 |
+
<div style="display: flex; justify-content: center;">
|
| 14 |
+
<table style="width: 95%; border: 1px solid black; border-collapse: collapse; font-size: 14px; margin: auto;">
|
| 15 |
+
<tr>
|
| 16 |
+
<th style="border: 1px solid black; padding: 8px; text-align: center;">Feature</th>
|
| 17 |
+
<th style="border: 1px solid black; padding: 8px; text-align: center;">Machine Learning (ML)</th>
|
| 18 |
+
<th style="border: 1px solid black; padding: 8px; text-align: center;">Deep Learning (DL)</th>
|
| 19 |
+
</tr>
|
| 20 |
+
<tr>
|
| 21 |
+
<td style="border: 1px solid black; padding: 8px; text-align: center;">Learning Ability Mimic</td>
|
| 22 |
+
<td style="border: 1px solid black; padding: 8px;">Mimics human learning using statistical concepts.</td>
|
| 23 |
+
<td style="border: 1px solid black; padding: 8px;">Mimics human learning using artificial neurons (logical structure).</td>
|
| 24 |
+
</tr>
|
| 25 |
+
<tr>
|
| 26 |
+
<td style="border: 1px solid black; padding: 8px; text-align: center;">Data Requirement</td>
|
| 27 |
+
<td style="border: 1px solid black; padding: 8px;">Requires less data to perform effectively.</td>
|
| 28 |
+
<td style="border: 1px solid black; padding: 8px;">Requires large amounts of data to perform well.</td>
|
| 29 |
+
</tr>
|
| 30 |
+
<tr>
|
| 31 |
+
<td style="border: 1px solid black; padding: 8px; text-align: center;">Performance</td>
|
| 32 |
+
<td style="border: 1px solid black; padding: 8px;">Works well with structured data.</td>
|
| 33 |
+
<td style="border: 1px solid black; padding: 8px;">Works well with both structured and unstructured data.</td>
|
| 34 |
+
</tr>
|
| 35 |
+
<tr>
|
| 36 |
+
<td style="border: 1px solid black; padding: 8px; text-align: center;">Data Handling</td>
|
| 37 |
+
<td style="border: 1px solid black; padding: 8px;">Works mainly on structured data, unstructured data needs conversion (with potential data loss).</td>
|
| 38 |
+
<td style="border: 1px solid black; padding: 8px;">Can directly handle both structured and unstructured data without significant loss.</td>
|
| 39 |
+
</tr>
|
| 40 |
+
<tr>
|
| 41 |
+
<td style="border: 1px solid black; padding: 8px; text-align: center;">Memory Usage</td>
|
| 42 |
+
<td style="border: 1px solid black; padding: 8px;">Uses less memory.</td>
|
| 43 |
+
<td style="border: 1px solid black; padding: 8px;">Uses more memory due to complex models.</td>
|
| 44 |
+
</tr>
|
| 45 |
+
<tr>
|
| 46 |
+
<td style="border: 1px solid black; padding: 8px; text-align: center;">Training Time</td>
|
| 47 |
+
<td style="border: 1px solid black; padding: 8px;">Generally has less training time.</td>
|
| 48 |
+
<td style="border: 1px solid black; padding: 8px;">Requires more time for training due to complex models.</td>
|
| 49 |
+
</tr>
|
| 50 |
+
<tr>
|
| 51 |
+
<td style="border: 1px solid black; padding: 8px; text-align: center;">Hardware Requirement</td>
|
| 52 |
+
<td style="border: 1px solid black; padding: 8px;">Can run on CPUs with lower storage needs.</td>
|
| 53 |
+
<td style="border: 1px solid black; padding: 8px;">Runs better on GPUs with more storage and computational power.</td>
|
| 54 |
+
</tr>
|
| 55 |
+
<tr>
|
| 56 |
+
<td style="border: 1px solid black; padding: 8px; text-align: center;">Example</td>
|
| 57 |
+
<td style="border: 1px solid black; padding: 8px;">Spam Email Detection: ML algorithms like Naive Bayes classify emails as spam or not based on patterns in the data.</td>
|
| 58 |
+
<td style="border: 1px solid black; padding: 8px;">Self-Driving Cars: DL models process image and sensor data to make real-time decisions about navigation, obstacles, and road conditions.</td>
|
| 59 |
+
</tr>
|
| 60 |
+
<tr>
|
| 61 |
+
<td style="border: 1px solid black; padding: 8px; text-align: center;">Story Example</td>
|
| 62 |
+
<td style="border: 1px solid black; padding: 8px;">
|
| 63 |
+
<b>Teacher Predicting Student Performance:</b><br>
|
| 64 |
+
A teacher uses past exam results to predict student performance, analyzing patterns in study habits and class participation. This is similar to ML, where the model learns from structured data to make predictions and requires less computational power.
|
| 65 |
+
</td>
|
| 66 |
+
<td style="border: 1px solid black; padding: 8px;">
|
| 67 |
+
<b>Self-Driving Car Learning:</b><br>
|
| 68 |
+
A self-driving car processes huge amounts of data from cameras and sensors to understand its environment, learning over time to navigate obstacles. This requires large datasets and more computational power (via GPUs) and longer training times, similar to how DL works.
|
| 69 |
+
</td>
|
| 70 |
+
</tr>
|
| 71 |
+
</table>
|
| 72 |
+
</div>
|
| 73 |
""", unsafe_allow_html=True)
|
| 74 |
|
| 75 |
+
|
| 76 |
+
|