-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathames.html
148 lines (110 loc) · 5.42 KB
/
ames.html
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
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Ames Housing Price Prediction App</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Content -->
<section>
<header class="main">
<h1>Ames Housing Price Prediction App</h1>
</header>
<span class="image main"><img src="images/project_image/ames/ames_home.png" alt="" /></span>
<!--app link button-->
<ul class="actions">
<li><a href="http://ec2-18-234-65-148.compute-1.amazonaws.com" class="button primary">Link To App</a></li>
</ul>
<div>
<h3>Competition Description</h3>
<p>Ask a home buyer to describe their dream house, and they probably won't begin with the height of the basement ceiling or the proximity to an east-west railroad. But this playground competition's dataset proves that much more influences price negotiations than the number of bedrooms or a white-picket fence.</p>
<p>With 79 explanatory variables describing (almost) every aspect of residential homes in Ames, Iowa, this competition challenges you to predict the final price of each home.</p>
</div>
<span class="image main"><img src="images/project_image/ames/corr_matrix.png" alt="" /></span>
<h3> Summary of visualization</h3>
<ol>
<li>1-saleprice and overall quality is strongly corelated.</li>
<li>2-garagearea and garagecars(Size of garage in square feet & Size of garage in car capacity)</li>
<li>3-totalbsmtSF and 1stFlrSF(Total square feet of basement area & First Floor square feet)</li>
<li>4-GrLivArea and TotRmsAbvGrd(Above grade (ground) living area square feet & Total rooms above grade (does not include bathrooms))</li>
</ol>
<span class="image main"><img src="images/project_image/ames/age.png" alt="" /></span>
<p>After initial analysis I have trained different models and selected the one with overall best performance. In this competition we are using MSE as the measure of error.</p>
<p> I have compared the following models: </p>
<ol>
<li>Linear Regression</li>
<li>Lasso</li>
<li>Ridge</li>
<li>Decision Tree</li>
<li>Random Forest</li>
</ol>
<p> Ridge regression model came out on top with lowest MSE on test set.</p>
<section id="lead">
<div>
<h2>Leaderboard</h2>
<span class="image fit"><img src="images/project_image/ames/result.png" alt="" /></span>
</div>
</section>
<section id="app">
<div>
<h2>The App</h2>
<p>After finalizing the model the next set was to build a front-end through which a user can give in inputs to the model and receive output generated by the model. To buid a responsive front-end I have used the following tech stack.</p>
<span class="image left"><img src="images/project_image/ames/ui_tech.jpeg" alt="" /></span>
<p> There was need of an API endpoint which will feed our inputs from front-end to the model and deliver the result back to out UI. Flask was used for the task.</p>
<span class="img"><img src="images/project_image/ames/flask.png" alt="" /></span>
<div>
<p>
After everything was responding perfectly. I started a Unix instance on AWS EC2 and with the help of NGINX server deployed my model on the cloud.
</p>
<span class="img"><img src="images/project_image/ames/deployment.png" alt="" /></span>
</div>
<h2>RESULT</h2>
<span class="image main"><img src="images/project_image/ames/home.png" alt="" /></span>
</div>
</section>
<ul class="actions">
<li><a href="https://github.com/AyushRanjan15/Housing_Price" class="button primary">Link To Repository</a></li>
</ul>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Section -->
<section>
<header class="major">
<h2>Get in touch</h2>
</header>
<p>Please feel free to get in touch</p>
<ul class="contact">
<li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© Untitled. All rights reserved. Demo Images: <a href="https://unsplash.com">Unsplash</a>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>