Sathwikchowdary commited on
Commit
801dbe0
·
verified ·
1 Parent(s): fe68b65

Update pages/Life_cycle_of_ML.py

Browse files
Files changed (1) hide show
  1. 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
- # SVG diagram with clickable shapes as buttons
4
- svg_code = """
5
- <svg width="600" height="400">
6
 
7
- <!-- Problem Definition -->
8
- <a href="#problem-definition">
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
- <!-- Data Collection -->
14
- <a href="#data-collection">
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
- <!-- Data Preprocessing -->
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>