Spaces:
Sleeping
Sleeping
Update pages/Life_cycle_of_ML.py
Browse files- pages/Life_cycle_of_ML.py +15 -49
pages/Life_cycle_of_ML.py
CHANGED
@@ -1,56 +1,22 @@
|
|
1 |
import streamlit as st
|
|
|
2 |
|
3 |
-
|
4 |
-
|
5 |
-
<svg width="600" height="400">
|
6 |
|
7 |
-
|
8 |
-
|
9 |
-
<rect x="50" y="50" width="150" height="50" fill="#FFB6C1" stroke="#000" />
|
10 |
-
<text x="75" y="80" fill="#000" font-size="14">Problem Definition</text>
|
11 |
-
</a>
|
12 |
|
13 |
-
|
14 |
-
|
15 |
-
<circle cx="300" cy="75" r="40" fill="#ADD8E6" stroke="#000" />
|
16 |
-
<text x="270" y="80" fill="#000" font-size="14">Data Collection</text>
|
17 |
-
</a>
|
18 |
|
19 |
-
|
20 |
-
<a href="#data-preprocessing">
|
21 |
-
<ellipse cx="500" cy="75" rx="80" ry="40" fill="#90EE90" stroke="#000" />
|
22 |
-
<text x="445" y="80" fill="#000" font-size="14">Data Preprocessing</text>
|
23 |
-
</a>
|
24 |
-
|
25 |
-
<!-- Arrows -->
|
26 |
-
<line x1="200" y1="75" x2="260" y2="75" stroke="#000" marker-end="url(#arrow)" />
|
27 |
-
<line x1="340" y1="75" x2="420" y2="75" stroke="#000" marker-end="url(#arrow)" />
|
28 |
-
|
29 |
-
<!-- Model Building -->
|
30 |
-
<a href="#model-building">
|
31 |
-
<rect x="50" y="200" width="150" height="50" fill="#FFD700" stroke="#000" />
|
32 |
-
<text x="75" y="230" fill="#000" font-size="14">Model Building</text>
|
33 |
-
</a>
|
34 |
-
|
35 |
-
<!-- Evaluation -->
|
36 |
-
<a href="#evaluation">
|
37 |
-
<circle cx="300" cy="225" r="40" fill="#FF7F50" stroke="#000" />
|
38 |
-
<text x="275" y="230" fill="#000" font-size="14">Evaluation</text>
|
39 |
-
</a>
|
40 |
-
|
41 |
-
<!-- Deployment -->
|
42 |
-
<a href="#deployment">
|
43 |
-
<rect x="450" y="200" width="150" height="50" fill="#9370DB" stroke="#000" />
|
44 |
-
<text x="475" y="230" fill="#000" font-size="14">Deployment</text>
|
45 |
-
</a>
|
46 |
-
|
47 |
-
<!-- Arrows -->
|
48 |
-
<line x1="125" y1="250" x2="260" y2="225" stroke="#000" marker-end="url(#arrow)" />
|
49 |
-
<line x1="340" y1="225" x2="450" y2="225" stroke="#000" marker-end="url(#arrow)" />
|
50 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
51 |
</svg>
|
52 |
-
"""
|
53 |
-
|
54 |
-
# Using Streamlit to render the SVG as a raw HTML string
|
55 |
-
st.markdown(f'<div align="center">{svg_code}</div>', unsafe_allow_html=True)
|
56 |
-
|
|
|
1 |
import streamlit as st
|
2 |
+
# Shapes in Markdown
|
3 |
|
4 |
+
## Rectangle
|
5 |
+
<div style="width: 200px; height: 100px; background-color: lightblue;"></div>
|
|
|
6 |
|
7 |
+
## Circle
|
8 |
+
<div style="width: 100px; height: 100px; border-radius: 50%; background-color: lightcoral;"></div>
|
|
|
|
|
|
|
9 |
|
10 |
+
## Ellipse
|
11 |
+
<div style="width: 200px; height: 100px; border-radius: 50%; background-color: lightgreen;"></div>
|
|
|
|
|
|
|
12 |
|
13 |
+
## SVG Shapes
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
14 |
|
15 |
+
<svg width="300" height="200">
|
16 |
+
<!-- Rectangle -->
|
17 |
+
<rect x="10" y="10" width="100" height="50" style="fill:lightblue;stroke:black;stroke-width:2" />
|
18 |
+
<!-- Circle -->
|
19 |
+
<circle cx="200" cy="50" r="40" style="fill:lightcoral;stroke:black;stroke-width:2" />
|
20 |
+
<!-- Ellipse -->
|
21 |
+
<ellipse cx="200" cy="150" rx="85" ry="55" style="fill:lightgreen;stroke:black;stroke-width:2" />
|
22 |
</svg>
|
|
|
|
|
|
|
|
|
|