Register
Login
Resources
Docs Blog Datasets Glossary Case Studies Tutorials & Webinars
Product
Data Engine LLMs Platform Enterprise
Pricing Explore
Connect to our Discord channel

index.html 5.2 KB

You have to be logged in to leave a comment. Sign In
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
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Machine Learning Model Prediction</title>
  8. <style>
  9. body {
  10. font-family: 'Arial', sans-serif;
  11. background: url('../static/Bee-Wallpaper.jpg') no-repeat center center fixed;
  12. background-size: cover;
  13. margin: 0;
  14. padding: 0;
  15. display: flex;
  16. align-items: center;
  17. justify-content: center;
  18. height: 100vh;
  19. color: brown;
  20. }
  21. h1 {
  22. color: #fff;
  23. text-align: center;
  24. padding: 20px;
  25. background-color: rgba(255, 255, 0, 0.5);
  26. border-radius: 8px;
  27. margin-bottom: 20px;
  28. color: brown;
  29. }
  30. form {
  31. max-width: 500px;
  32. background-color: rgba(255, 255, 255, 0.8);
  33. padding: 20px;
  34. border-radius: 8px;
  35. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  36. }
  37. label {
  38. display: block;
  39. margin-bottom: 8px;
  40. }
  41. select, input {
  42. width: calc(100% - 15px);
  43. padding: 10px;
  44. margin-bottom: 15px;
  45. box-sizing: border-box;
  46. border: 1px solid #ccc;
  47. border-radius: 4px;
  48. }
  49. button {
  50. background-color: #4caf50;
  51. color: #fff;
  52. padding: 12px;
  53. border: none;
  54. border-radius: 4px;
  55. cursor: pointer;
  56. font-size: 16px;
  57. width: calc(100% - 20px);
  58. }
  59. button:hover {
  60. background-color: #45a049;
  61. }
  62. </style>
  63. </head>
  64. <body>
  65. <form action="/predict" method="post">
  66. <h1> Prediction of Honey Production Price</h1>
  67. <label for="state">State:</label>
  68. <select id="state" name="state">
  69. <option value="AK">Alaska</option>
  70. <option value="AL">Alabama</option>
  71. <option value="AR">Arkansas</option>
  72. <option value="AZ">Arizona</option>
  73. <option value="CA">California</option>
  74. <option value="CO">Colorado</option>
  75. <option value="CT">Connecticut</option>
  76. <option value="DC">District of Columbia</option>
  77. <option value="DE">Delaware</option>
  78. <option value="FL">Florida</option>
  79. <option value="GA">Georgia</option>
  80. <option value="HI">Hawaii</option>
  81. <option value="IA">Iowa</option>
  82. <option value="ID">Idaho</option>
  83. <option value="IL">Illinois</option>
  84. <option value="IN">Indiana</option>
  85. <option value="KS">Kansas</option>
  86. <option value="KY">Kentucky</option>
  87. <option value="LA">Louisiana</option>
  88. <option value="MA">Massachusetts</option>
  89. <option value="MD">Maryland</option>
  90. <option value="ME">Maine</option>
  91. <option value="MI">Michigan</option>
  92. <option value="MN">Minnesota</option>
  93. <option value="MO">Missouri</option>
  94. <option value="MS">Mississippi</option>
  95. <option value="MT">Montana</option>
  96. <option value="NC">North Carolina</option>
  97. <option value="ND">North Dakota</option>
  98. <option value="NE">Nebraska</option>
  99. <option value="NH">New Hampshire</option>
  100. <option value="NJ">New Jersey</option>
  101. <option value="NM">New Mexico</option>
  102. <option value="NV">Nevada</option>
  103. <option value="NY">New York</option>
  104. <option value="OH">Ohio</option>
  105. <option value="OK">Oklahoma</option>
  106. <option value="OR">Oregon</option>
  107. <option value="PA">Pennsylvania</option>
  108. <option value="PR">Puerto Rico</option>
  109. <option value="RI">Rhode Island</option>
  110. <option value="SC">South Carolina</option>
  111. <option value="SD">South Dakota</option>
  112. <option value="TN">Tennessee</option>
  113. <option value="TX">Texas</option>
  114. <option value="UT">Utah</option>
  115. <option value="VA">Virginia</option>
  116. <option value="VT">Vermont</option>
  117. <option value="WA">Washington</option>
  118. <option value="WI">Wisconsin</option>
  119. <option value="WV">West Virginia</option>
  120. <option value="WY">Wyoming</option>
  121. <!-- Add other state options here -->
  122. </select>
  123. <label for="numcol">Number of honey producing colonies:</label>
  124. <input type="number" id="numcol" name="numcol" step="0.01" required>
  125. <label for="yieldpercol">Yield per colony:</label>
  126. <input type="number" id="yieldpercol" name="yieldpercol" required>
  127. <label for="totalprod">Total production:</label>
  128. <input type="number" id="totalprod" name="totalprod" step="0.01" required>
  129. <label for="stocks">Stocks:</label>
  130. <input type="number" id="stocks" name="stocks" step="0.01" required>
  131. <label for="prodvalue">Value of production:</label>
  132. <input type="number" id="prodvalue" name="prodvalue" step="0.01" required>
  133. <label for="year">Year:</label>
  134. <input type="number" id="year" name="year" required>
  135. <button type="submit">Predict Price</button>
  136. </form>
  137. <br>
  138. <br>
  139. <br>
  140. <h1>{{prediction}}</h1>
  141. </body>
  142. </html>
Tip!

Press p or to see the previous file or, n or to see the next file

Comments

Loading...