Hugging Face's logo

Spaces:
Innovex
/
sal_pred
Running

App Files Community
sal_pred
File size: 10,657 Bytes 
b1bae0d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
 
{% extends 'base.html' %} {% block content %}
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Machine Learning Algorithms</title>
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <link rel="stylesheet" href="{{ url_for('static', filename='static/css/main.css')}}">
    <link href="https://fonts.googleapis.com" rel="preconnect" />
    <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous" />
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
    <script type="text/javascript">
        WebFont.load({
            google: {
                families: ["Orbitron:regular,500,600,700,800,900", "Noto Sans Tamil:100,200,300,regular,500,600,700,800,900", "Inter:100,200,300,regular,500,600,700,800,900"]
            }
        });
    </script>
    <script type="text/javascript">
        ! function(o, c) {
            var n = c.documentElement,
                t = " w-mod-";
            n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
        }(window, document);
    </script>

</head>

<body>
    <div class="container-3 f2wf-columns-2">
        <div class="column-4">
            <div class="column-4">
                <h1 class="title-copy">Machine Learning Algorithms</h1>
                <p class="text-4">Welcome to our Quatro Data Analysis Web App! Explore the power of machine learning models - Linear Regression, K-Nearest Neighbors, K-Means, and Naive Bayes - as we delve into job data extracted from the popular Indeed website. Our intuitive Flask-based web app empowers you to input data and obtain accurate predictions from these models. Unleash the potential of AI-driven insights. Start exploring now!</p>
            </div>
            <a href="{{ url_for('algos')}}" class="button-4">
                <div class="text-12">CLASSIFY</div>
            </a>
            <div class="actions-2"></div>
        </div>
        <div class="column-5">
            <div class="image-wrapper-4"><img src="{{ url_for('static', filename='images/hero1.gif') }}"  width="100" height="100" class="image-4" />
            </div>
        </div>
    </div>
    </div>
    <div class="features-list-2">
        <div class="columns-4 f2wf-columns-2">
            <div class="column-4">
                <div class="content-4">
                    <div class="intro-2">
                        <div class="title">Machine Learning Algorithms</div>
                        <div class="description">Machine learning is a branch of artificial intelligence that focuses on developing algorithms and models that enable computers to learn and make predictions or decisions without being explicitly programmed. It involves training machines on data to recognize patterns, extract insights, and improve performance over time.
                        </div>
                    </div>
                    <div class="description">
                        <a href="https://www.ibm.com/topics/machine-learning">Learn more →</a>
                      </div>
                      
                </div>
            </div>
            <div class="intro-2">
                <div class="models-list">
                    <div class="image-wrapper-5"><img src="{{ url_for('static', filename='images/Model-Linear.png') }}" loading="lazy" width="80" height="80" alt="" class="image-5" /></div>
                    <div class="frame-237641">
                        <div class="description-2">K-Nearest Neighbor</div>
                        <div class="description">Classify data points based on the majority class of their nearest neighbors.</div>
                    </div>
                </div>
                <div class="models-list">
                    <div class="image-wrapper-5"><img src="{{ url_for('static', filename='images/Model-kNN.png') }}" loading="lazy" width="80" height="80" alt="" class="image-5" /></div>
                    <div class="frame-237641">
                        <div class="description-2">Linear Regression</div>
                        <div class="description">Predict numerical values based on input variables and establish linear relationships.</div>
                    </div>
                </div>
                <div class="models-list">
                    <div class="image-wrapper-5"><img src="{{ url_for('static', filename='images/Model-kMeans.png') }}" loading="lazy" width="80" height="80" alt="" class="image-5" /></div>
                    <div class="frame-237641">
                        <div class="description-2">K-Mean Clustering</div>
                        <div class="description">Group similar data points into clusters to identify patterns and similarities.</div>
                    </div>
                </div>
                <div class="models-list">
                    <div class="image-wrapper-5"><img src="{{ url_for('static', filename='images/Model-Naive.png') }}" loading="lazy" width="80" height="80" alt="" class="image-5" /></div>
                    <div class="frame-237641">
                        <div class="description-2">Naive Bayes </div>
                        <div class="description">Use probabilistic classification to predict the likelihood of a data point belonging to a specific class.</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="team-circles-2">
        <div class="container-4">
            <div class="title-section-2">
                <div class="text-5">Team section</div>
                <div class="text-6">The team behind this web app is group of computer science students with a passion for machine learning and web development. Together, we leverage our expertise in data analysis, AI algorithms, and user experience to create a seamless and intuitive experience for our users.</div>
            </div>
            <div class="columns-5 f2wf-columns-2">
                <div class="card-2">
                    <div class="image-wrapper-6"><img src="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png" loading="lazy" width="270" height="270" srcset="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image-p-500.png 500w, https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png 540w"
                            sizes="(max-width: 479px) 36vw, (max-width: 767px) 135px, (max-width: 991px) 35vw, 26vw" alt="" class="image-6" /></div>
                    <div class="content-5">
                        <div class="info-2">
                            <div class="text-7">Dave F. Fagarita</div>
                            <div class="text-8">BSCS 3A</div>
                        </div>
                        <div class="text-6">Developer</div>
                    </div>
                </div>
                <div class="card-2">
                    <div class="image-wrapper-6"><img src="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png" loading="lazy" width="270" height="270" srcset="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image-p-500.png 500w, https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png 540w"
                            sizes="(max-width: 479px) 36vw, (max-width: 767px) 135px, (max-width: 991px) 35vw, 26vw" alt="" class="image-6" /></div>
                    <div class="content-5">
                        <div class="info-2">
                            <div class="text-7">Jimuel S. Servandil</div>
                            <div class="text-8">BSCS 3A</div>
                        </div>
                        <div class="text-6">Developer</div>
                    </div>
                </div>
                <div class="card-2">
                    <div class="image-wrapper-6"><img src="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png" loading="lazy" width="270" height="270" srcset="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image-p-500.png 500w, https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png 540w"
                            sizes="(max-width: 479px) 36vw, (max-width: 767px) 135px, (max-width: 991px) 35vw, 26vw" alt="" class="image-6" /></div>
                    <div class="content-5">
                        <div class="info-2">
                            <div class="text-7">Jannica Mae Magno</div>
                            <div class="text-8">BSCS 3A</div>
                        </div>
                        <div class="text-6">Developer</div>
                    </div>
                </div>
                <div class="card-2">
                    <div class="image-wrapper-6"><img src="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png" loading="lazy" width="270" height="270" srcset="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image-p-500.png 500w, https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png 540w"
                            sizes="(max-width: 479px) 36vw, (max-width: 767px) 135px, (max-width: 991px) 35vw, 26vw" alt="" class="image-6" /></div>
                    <div class="content-5">
                        <div class="info-2">
                            <div class="text-7">Jeziah Lois Catanus</div>
                            <div class="text-8">BSCS 3A</div>
                        </div>
                        <div class="text-6">Developer</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-2">
            <div class="columns-6 f2wf-columns-2">
                <div class="column-6">
                    <div class="logo-wrapper-2"><img src="{{ url_for('static', filename='images/logo.svg') }}" loading="lazy" width="50" height="50" alt="" class="vectors-wrapper" />
                        <div class="text-11">Quatro</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=642cba496c45ae8313f6671d" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script src="" type="text/javascript"></script>
</body>

</html>
{% endblock %}