Spaces:
Runtime error
Runtime error
Update app.py
Browse files
app.py
CHANGED
|
@@ -1,5 +1,6 @@
|
|
| 1 |
import streamlit as st
|
| 2 |
import random
|
|
|
|
| 3 |
from PIL import Image
|
| 4 |
import requests
|
| 5 |
import json
|
|
@@ -83,7 +84,7 @@ def main():
|
|
| 83 |
cuisine = st.selectbox('Cuisine', cuisine_options)
|
| 84 |
|
| 85 |
# Slider for Calories
|
| 86 |
-
calories = st.slider("Select Max Calories (Per Serving)",
|
| 87 |
|
| 88 |
# print the calories
|
| 89 |
st.write("Selected: **{}** Max Calories.".format(calories))
|
|
@@ -140,17 +141,11 @@ def main():
|
|
| 140 |
|
| 141 |
st.write("You Selected **{}** For Diet and **{}** For Cuisine with Max".format(diet, cuisine), calories, "Calories For", ( "**Bread**" if label_num==0 else "**Dairy**" if label_num==1 else "**Dessert**" if label_num==2 else "**Egg**" if label_num==3 else "**Fried Food**" if label_num==4 else "**Fruit**" if label_num==5 else "**Meat**" if label_num==6 else "**Noodles**" if label_num==7 else "**Rice**" if label_num==8 else "**Seafood**" if label_num==9 else "**Soup**" if label_num==10 else "**Vegetable**"))
|
| 142 |
|
| 143 |
-
# Add code to fetch healthy recipe here (line #125-138)
|
| 144 |
-
st.markdown("### Your Image:")
|
| 145 |
-
st.image(img, width=260)
|
| 146 |
-
|
| 147 |
url = "https://alcksyjrmd.execute-api.us-east-2.amazonaws.com/default/nutrients_response"
|
| 148 |
|
| 149 |
-
max_calories = calories
|
| 150 |
-
|
| 151 |
category = ("Bread" if label_num==0 else "Dairy" if label_num==1 else "Dessert" if label_num==2 else "Egg" if label_num==3 else "Fried" if label_num==4 else "Fruit" if label_num==5 else "Meat" if label_num==6 else "Noodles" if label_num==7 else "Rice" if label_num==8 else "Seafood" if label_num==9 else "**Soup**" if label_num==10 else "Vegetable")
|
| 152 |
|
| 153 |
-
params = {"f": category, "
|
| 154 |
|
| 155 |
if diet != "All":
|
| 156 |
params["d"] = diet
|
|
@@ -161,13 +156,19 @@ def main():
|
|
| 161 |
response = requests.get(url, params=params)
|
| 162 |
response_json = json.loads(response.content)
|
| 163 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 164 |
if len(response_json) == 0:
|
| 165 |
st.markdown("### No Recipe Found:")
|
| 166 |
-
st.write("**No
|
| 167 |
else:
|
| 168 |
st.markdown("### Recommended Recipe:")
|
| 169 |
if len(response_json) > 1:
|
| 170 |
random_recipe = random.choice(response_json)
|
|
|
|
| 171 |
st.write("**Title:** ", random_recipe['Title'])
|
| 172 |
if random_recipe['Image Link'].endswith(".jpg") or random_recipe['Image Link'].endswith(".jpeg") or random_recipe['Image Link'].endswith(".png"):
|
| 173 |
st.image(random_recipe['Image Link'], width=300)
|
|
@@ -178,38 +179,124 @@ def main():
|
|
| 178 |
st.write("**Description:** ", random_recipe['Description'])
|
| 179 |
st.write("**Ingredients:** ", random_recipe['Ingredients'])
|
| 180 |
st.write("**Recipe Facts:** ", random_recipe['Recipe Facts'])
|
| 181 |
-
st.write("**Directions:** ", random_recipe['Directions'])
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
| 203 |
-
|
| 204 |
-
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 208 |
# create pie chart
|
| 209 |
-
labels = ['Total Fat', 'Saturated Fat', 'Cholesterol', 'Sodium', 'Total Carbohydrate', 'Dietary Fiber', 'Total Sugars', 'Protein']
|
| 210 |
fig = go.Figure(data=[go.Pie(labels=labels, values=values)])
|
| 211 |
-
st.markdown("### Macronutrients Pie Chart ;)")
|
| 212 |
st.plotly_chart(fig)
|
|
|
|
|
|
|
| 213 |
st.markdown("### JSON:")
|
| 214 |
st.write(response_json)
|
| 215 |
else:
|
|
@@ -224,38 +311,124 @@ def main():
|
|
| 224 |
st.write("**Description:** ", response_json[0]['Description'])
|
| 225 |
st.write("**Ingredients:** ", response_json[0]['Ingredients'])
|
| 226 |
st.write("**Recipe Facts:** ", response_json[0]['Recipe Facts'])
|
| 227 |
-
st.write("**Directions:** ",
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
| 249 |
-
|
| 250 |
-
|
| 251 |
-
|
| 252 |
-
|
| 253 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 254 |
# create pie chart
|
| 255 |
-
labels = ['Total Fat', 'Saturated Fat', 'Cholesterol', 'Sodium', 'Total Carbohydrate', 'Dietary Fiber', 'Total Sugars', 'Protein']
|
| 256 |
fig = go.Figure(data=[go.Pie(labels=labels, values=values)])
|
| 257 |
-
st.markdown("### Macronutrients Pie Chart ;)")
|
| 258 |
st.plotly_chart(fig)
|
|
|
|
|
|
|
| 259 |
st.markdown("### JSON:")
|
| 260 |
st.write(response_json)
|
| 261 |
|
|
|
|
| 1 |
import streamlit as st
|
| 2 |
import random
|
| 3 |
+
import pandas as pd
|
| 4 |
from PIL import Image
|
| 5 |
import requests
|
| 6 |
import json
|
|
|
|
| 84 |
cuisine = st.selectbox('Cuisine', cuisine_options)
|
| 85 |
|
| 86 |
# Slider for Calories
|
| 87 |
+
calories = st.slider("Select Max Calories (Per Serving)", 25, 1000, 500)
|
| 88 |
|
| 89 |
# print the calories
|
| 90 |
st.write("Selected: **{}** Max Calories.".format(calories))
|
|
|
|
| 141 |
|
| 142 |
st.write("You Selected **{}** For Diet and **{}** For Cuisine with Max".format(diet, cuisine), calories, "Calories For", ( "**Bread**" if label_num==0 else "**Dairy**" if label_num==1 else "**Dessert**" if label_num==2 else "**Egg**" if label_num==3 else "**Fried Food**" if label_num==4 else "**Fruit**" if label_num==5 else "**Meat**" if label_num==6 else "**Noodles**" if label_num==7 else "**Rice**" if label_num==8 else "**Seafood**" if label_num==9 else "**Soup**" if label_num==10 else "**Vegetable**"))
|
| 143 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 144 |
url = "https://alcksyjrmd.execute-api.us-east-2.amazonaws.com/default/nutrients_response"
|
| 145 |
|
|
|
|
|
|
|
| 146 |
category = ("Bread" if label_num==0 else "Dairy" if label_num==1 else "Dessert" if label_num==2 else "Egg" if label_num==3 else "Fried" if label_num==4 else "Fruit" if label_num==5 else "Meat" if label_num==6 else "Noodles" if label_num==7 else "Rice" if label_num==8 else "Seafood" if label_num==9 else "**Soup**" if label_num==10 else "Vegetable")
|
| 147 |
|
| 148 |
+
params = {"f": category, "k": str(calories)}
|
| 149 |
|
| 150 |
if diet != "All":
|
| 151 |
params["d"] = diet
|
|
|
|
| 156 |
response = requests.get(url, params=params)
|
| 157 |
response_json = json.loads(response.content)
|
| 158 |
|
| 159 |
+
# Convert response_json to a list
|
| 160 |
+
response_json = list(response_json)
|
| 161 |
+
|
| 162 |
+
|
| 163 |
+
|
| 164 |
if len(response_json) == 0:
|
| 165 |
st.markdown("### No Recipe Found:")
|
| 166 |
+
st.write("**No recipes found. Please adjust your search criteria.**")
|
| 167 |
else:
|
| 168 |
st.markdown("### Recommended Recipe:")
|
| 169 |
if len(response_json) > 1:
|
| 170 |
random_recipe = random.choice(response_json)
|
| 171 |
+
nutrition_facts = random_recipe['Nutrition Facts']
|
| 172 |
st.write("**Title:** ", random_recipe['Title'])
|
| 173 |
if random_recipe['Image Link'].endswith(".jpg") or random_recipe['Image Link'].endswith(".jpeg") or random_recipe['Image Link'].endswith(".png"):
|
| 174 |
st.image(random_recipe['Image Link'], width=300)
|
|
|
|
| 179 |
st.write("**Description:** ", random_recipe['Description'])
|
| 180 |
st.write("**Ingredients:** ", random_recipe['Ingredients'])
|
| 181 |
st.write("**Recipe Facts:** ", random_recipe['Recipe Facts'])
|
| 182 |
+
st.write("**Directions:** ", random_recipe['Directions'])
|
| 183 |
+
nutrition_html = """
|
| 184 |
+
<div id="nutrition-info_6-0" class="comp nutrition-info">
|
| 185 |
+
<table class="nutrition-info__table">
|
| 186 |
+
<thead>
|
| 187 |
+
<tr>
|
| 188 |
+
<th class="nutrition-info__heading" colspan="2">Nutrition Facts <span class="nutrition-info__heading-aside">(per serving)</span></th>
|
| 189 |
+
</tr>
|
| 190 |
+
<tr>
|
| 191 |
+
<th class="nutrition-info__heading" colspan="2">Number of Servings: <span class="nutrition-info__heading-aside">{servings}</span></th>
|
| 192 |
+
</tr>
|
| 193 |
+
</thead>
|
| 194 |
+
<tbody class="nutrition-info__table--body">
|
| 195 |
+
<tr class="nutrition-info__table--row">
|
| 196 |
+
<td class="nutrition-info__table--cell">Calories</td>
|
| 197 |
+
<td class="nutrition-info__table--cell">{calories}</td>
|
| 198 |
+
</tr>
|
| 199 |
+
<tr class="nutrition-info__table--row">
|
| 200 |
+
<td class="nutrition-info__table--cell">Total Fat</td>
|
| 201 |
+
<td class="nutrition-info__table--cell">{total_fat}</td>
|
| 202 |
+
</tr>
|
| 203 |
+
<tr class="nutrition-info__table--row">
|
| 204 |
+
<td class="nutrition-info__table--cell">Saturated Fat</td>
|
| 205 |
+
<td class="nutrition-info__table--cell">{saturated_fat}</td>
|
| 206 |
+
</tr>
|
| 207 |
+
<tr class="nutrition-info__table--row">
|
| 208 |
+
<td class="nutrition-info__table--cell">Cholesterol</td>
|
| 209 |
+
<td class="nutrition-info__table--cell">{cholesterol}</td>
|
| 210 |
+
</tr>
|
| 211 |
+
<tr class="nutrition-info__table--row">
|
| 212 |
+
<td class="nutrition-info__table--cell">Sodium</td>
|
| 213 |
+
<td class="nutrition-info__table--cell">{sodium}</td>
|
| 214 |
+
</tr>
|
| 215 |
+
<tr class="nutrition-info__table--row">
|
| 216 |
+
<td class="nutrition-info__table--cell">Total Carbohydrate</td>
|
| 217 |
+
<td class="nutrition-info__table--cell">{total_carbohydrate}</td>
|
| 218 |
+
</tr>
|
| 219 |
+
<tr class="nutrition-info__table--row">
|
| 220 |
+
<td class="nutrition-info__table--cell">Dietary Fiber</td>
|
| 221 |
+
<td class="nutrition-info__table--cell">{dietary_fiber}</td>
|
| 222 |
+
</tr>
|
| 223 |
+
<tr class="nutrition-info__table--row">
|
| 224 |
+
<td class="nutrition-info__table--cell">Total Sugars</td>
|
| 225 |
+
<td class="nutrition-info__table--cell">{total_sugars}</td>
|
| 226 |
+
</tr>
|
| 227 |
+
<tr class="nutrition-info__table--row">
|
| 228 |
+
<td class="nutrition-info__table--cell">Protein</td>
|
| 229 |
+
<td class="nutrition-info__table--cell">{protein}</td>
|
| 230 |
+
</tr>
|
| 231 |
+
<tr class="nutrition-info__table--row">
|
| 232 |
+
<td class="nutrition-info__table--cell">Vitamin C</td>
|
| 233 |
+
<td class="nutrition-info__table--cell">{vitc}</td>
|
| 234 |
+
</tr>
|
| 235 |
+
<tr class="nutrition-info__table--row">
|
| 236 |
+
<td class="nutrition-info__table--cell">Calcium</td>
|
| 237 |
+
<td class="nutrition-info__table--cell">{calc}</td>
|
| 238 |
+
</tr>
|
| 239 |
+
<tr class="nutrition-info__table--row">
|
| 240 |
+
<td class="nutrition-info__table--cell">Iron</td>
|
| 241 |
+
<td class="nutrition-info__table--cell">{iron}</td>
|
| 242 |
+
</tr>
|
| 243 |
+
<tr class="nutrition-info__table--row">
|
| 244 |
+
<td class="nutrition-info__table--cell">Potassium</td>
|
| 245 |
+
<td class="nutrition-info__table--cell">{pota}</td>
|
| 246 |
+
</tr>
|
| 247 |
+
</tbody>
|
| 248 |
+
</table>
|
| 249 |
+
</div>
|
| 250 |
+
"""
|
| 251 |
+
# Use the nutrition HTML and format it with the values
|
| 252 |
+
formatted_html = nutrition_html.format(
|
| 253 |
+
calories=random_recipe['Calories'],
|
| 254 |
+
total_fat=random_recipe['Total Fat'],
|
| 255 |
+
saturated_fat=random_recipe['Saturated Fat'],
|
| 256 |
+
cholesterol=random_recipe['Cholesterol'],
|
| 257 |
+
sodium=random_recipe['Sodium'],
|
| 258 |
+
total_carbohydrate=random_recipe['Total Carbohydrate'],
|
| 259 |
+
dietary_fiber=random_recipe['Dietary Fiber'],
|
| 260 |
+
total_sugars=random_recipe['Total Sugars'],
|
| 261 |
+
servings=random_recipe['Number of Servings'],
|
| 262 |
+
vitc=random_recipe['Vitamin C'],
|
| 263 |
+
calc=random_recipe['Calcium'],
|
| 264 |
+
iron=random_recipe['Iron'],
|
| 265 |
+
pota=random_recipe['Potassium'],
|
| 266 |
+
protein=random_recipe['Protein']
|
| 267 |
+
)
|
| 268 |
+
|
| 269 |
+
# Define a function to apply the CSS styles to the table cells
|
| 270 |
+
def format_table(val):
|
| 271 |
+
return f"background-color: #133350; color: #fff; border: 1px solid #ddd; border-radius: .25rem; padding: .625rem .625rem 0; font-family: Helvetica; font-size: 1rem;"
|
| 272 |
+
|
| 273 |
+
with st.container():
|
| 274 |
+
# Add the nutrition table to the Streamlit app
|
| 275 |
+
st.write("<h2 style='text-align:left;'>Nutrition Facts</h2>", unsafe_allow_html=True)
|
| 276 |
+
st.write(f"<div style='max-height:none; overflow:auto'>{formatted_html}</div>", unsafe_allow_html=True)
|
| 277 |
+
st.write("<p style='text-align:left;'>*The % Daily Value (DV) tells you how much a nutrient in a food serving contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.</p>", unsafe_allow_html=True)
|
| 278 |
+
# extract only numeric values and convert mg to g
|
| 279 |
+
values = [
|
| 280 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Total Fat'])),
|
| 281 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Saturated Fat'])),
|
| 282 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Cholesterol'])) / 1000,
|
| 283 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Sodium'])) / 1000,
|
| 284 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Total Carbohydrate'])),
|
| 285 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Dietary Fiber'])),
|
| 286 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Total Sugars'])),
|
| 287 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Protein'])),
|
| 288 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Vitamin C'])) / 1000,
|
| 289 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Calcium'])) / 1000,
|
| 290 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Iron'])) / 1000,
|
| 291 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Potassium'])) / 1000
|
| 292 |
+
]
|
| 293 |
# create pie chart
|
| 294 |
+
labels = ['Total Fat', 'Saturated Fat', 'Cholesterol', 'Sodium', 'Total Carbohydrate', 'Dietary Fiber', 'Total Sugars', 'Protein', 'Vitamin C', 'Calcium', 'Iron', 'Potassium']
|
| 295 |
fig = go.Figure(data=[go.Pie(labels=labels, values=values)])
|
| 296 |
+
st.markdown("### Macronutrients Pie Chart ;) (In Grams)")
|
| 297 |
st.plotly_chart(fig)
|
| 298 |
+
st.write("**Tags:** ", random_recipe['Tags'])
|
| 299 |
+
st.write("**Recipe URL:** ", random_recipe['Recipe URLs'])
|
| 300 |
st.markdown("### JSON:")
|
| 301 |
st.write(response_json)
|
| 302 |
else:
|
|
|
|
| 311 |
st.write("**Description:** ", response_json[0]['Description'])
|
| 312 |
st.write("**Ingredients:** ", response_json[0]['Ingredients'])
|
| 313 |
st.write("**Recipe Facts:** ", response_json[0]['Recipe Facts'])
|
| 314 |
+
st.write("**Directions:** ", random_recipe['Directions'])
|
| 315 |
+
nutrition_html = """
|
| 316 |
+
<div id="nutrition-info_6-0" class="comp nutrition-info">
|
| 317 |
+
<table class="nutrition-info__table">
|
| 318 |
+
<thead>
|
| 319 |
+
<tr>
|
| 320 |
+
<th class="nutrition-info__heading" colspan="2">Nutrition Facts <span class="nutrition-info__heading-aside">(per serving)</span></th>
|
| 321 |
+
</tr>
|
| 322 |
+
<tr>
|
| 323 |
+
<th class="nutrition-info__heading" colspan="2">Number of Servings: <span class="nutrition-info__heading-aside">{servings}</span></th>
|
| 324 |
+
</tr>
|
| 325 |
+
</thead>
|
| 326 |
+
<tbody class="nutrition-info__table--body">
|
| 327 |
+
<tr class="nutrition-info__table--row">
|
| 328 |
+
<td class="nutrition-info__table--cell">Calories</td>
|
| 329 |
+
<td class="nutrition-info__table--cell">{calories}</td>
|
| 330 |
+
</tr>
|
| 331 |
+
<tr class="nutrition-info__table--row">
|
| 332 |
+
<td class="nutrition-info__table--cell">Total Fat</td>
|
| 333 |
+
<td class="nutrition-info__table--cell">{total_fat}</td>
|
| 334 |
+
</tr>
|
| 335 |
+
<tr class="nutrition-info__table--row">
|
| 336 |
+
<td class="nutrition-info__table--cell">Saturated Fat</td>
|
| 337 |
+
<td class="nutrition-info__table--cell">{saturated_fat}</td>
|
| 338 |
+
</tr>
|
| 339 |
+
<tr class="nutrition-info__table--row">
|
| 340 |
+
<td class="nutrition-info__table--cell">Cholesterol</td>
|
| 341 |
+
<td class="nutrition-info__table--cell">{cholesterol}</td>
|
| 342 |
+
</tr>
|
| 343 |
+
<tr class="nutrition-info__table--row">
|
| 344 |
+
<td class="nutrition-info__table--cell">Sodium</td>
|
| 345 |
+
<td class="nutrition-info__table--cell">{sodium}</td>
|
| 346 |
+
</tr>
|
| 347 |
+
<tr class="nutrition-info__table--row">
|
| 348 |
+
<td class="nutrition-info__table--cell">Total Carbohydrate</td>
|
| 349 |
+
<td class="nutrition-info__table--cell">{total_carbohydrate}</td>
|
| 350 |
+
</tr>
|
| 351 |
+
<tr class="nutrition-info__table--row">
|
| 352 |
+
<td class="nutrition-info__table--cell">Dietary Fiber</td>
|
| 353 |
+
<td class="nutrition-info__table--cell">{dietary_fiber}</td>
|
| 354 |
+
</tr>
|
| 355 |
+
<tr class="nutrition-info__table--row">
|
| 356 |
+
<td class="nutrition-info__table--cell">Total Sugars</td>
|
| 357 |
+
<td class="nutrition-info__table--cell">{total_sugars}</td>
|
| 358 |
+
</tr>
|
| 359 |
+
<tr class="nutrition-info__table--row">
|
| 360 |
+
<td class="nutrition-info__table--cell">Protein</td>
|
| 361 |
+
<td class="nutrition-info__table--cell">{protein}</td>
|
| 362 |
+
</tr>
|
| 363 |
+
<tr class="nutrition-info__table--row">
|
| 364 |
+
<td class="nutrition-info__table--cell">Vitamin C</td>
|
| 365 |
+
<td class="nutrition-info__table--cell">{vitc}</td>
|
| 366 |
+
</tr>
|
| 367 |
+
<tr class="nutrition-info__table--row">
|
| 368 |
+
<td class="nutrition-info__table--cell">Calcium</td>
|
| 369 |
+
<td class="nutrition-info__table--cell">{calc}</td>
|
| 370 |
+
</tr>
|
| 371 |
+
<tr class="nutrition-info__table--row">
|
| 372 |
+
<td class="nutrition-info__table--cell">Iron</td>
|
| 373 |
+
<td class="nutrition-info__table--cell">{iron}</td>
|
| 374 |
+
</tr>
|
| 375 |
+
<tr class="nutrition-info__table--row">
|
| 376 |
+
<td class="nutrition-info__table--cell">Potassium</td>
|
| 377 |
+
<td class="nutrition-info__table--cell">{pota}</td>
|
| 378 |
+
</tr>
|
| 379 |
+
</tbody>
|
| 380 |
+
</table>
|
| 381 |
+
</div>
|
| 382 |
+
"""
|
| 383 |
+
# Use the nutrition HTML and format it with the values
|
| 384 |
+
formatted_html = nutrition_html.format(
|
| 385 |
+
calories=random_recipe['Calories'],
|
| 386 |
+
total_fat=random_recipe['Total Fat'],
|
| 387 |
+
saturated_fat=random_recipe['Saturated Fat'],
|
| 388 |
+
cholesterol=random_recipe['Cholesterol'],
|
| 389 |
+
sodium=random_recipe['Sodium'],
|
| 390 |
+
total_carbohydrate=random_recipe['Total Carbohydrate'],
|
| 391 |
+
dietary_fiber=random_recipe['Dietary Fiber'],
|
| 392 |
+
total_sugars=random_recipe['Total Sugars'],
|
| 393 |
+
servings=random_recipe['Number of Servings'],
|
| 394 |
+
vitc=random_recipe['Vitamin C'],
|
| 395 |
+
calc=random_recipe['Calcium'],
|
| 396 |
+
iron=random_recipe['Iron'],
|
| 397 |
+
pota=random_recipe['Potassium'],
|
| 398 |
+
protein=random_recipe['Protein']
|
| 399 |
+
)
|
| 400 |
+
|
| 401 |
+
# Define a function to apply the CSS styles to the table cells
|
| 402 |
+
def format_table(val):
|
| 403 |
+
return f"background-color: #133350; color: #fff; border: 1px solid #ddd; border-radius: .25rem; padding: .625rem .625rem 0; font-family: Helvetica; font-size: 1rem;"
|
| 404 |
+
|
| 405 |
+
with st.container():
|
| 406 |
+
# Add the nutrition table to the Streamlit app
|
| 407 |
+
st.write("<h2 style='text-align:left;'>Nutrition Facts</h2>", unsafe_allow_html=True)
|
| 408 |
+
st.write(f"<div style='max-height:none; overflow:auto'>{formatted_html}</div>", unsafe_allow_html=True)
|
| 409 |
+
st.write("<p style='text-align:left;'>*The % Daily Value (DV) tells you how much a nutrient in a food serving contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.</p>", unsafe_allow_html=True)
|
| 410 |
+
# extract only numeric values and convert mg to g
|
| 411 |
+
values = [
|
| 412 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Total Fat'])),
|
| 413 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Saturated Fat'])),
|
| 414 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Cholesterol'])) / 1000,
|
| 415 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Sodium'])) / 1000,
|
| 416 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Total Carbohydrate'])),
|
| 417 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Dietary Fiber'])),
|
| 418 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Total Sugars'])),
|
| 419 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Protein'])),
|
| 420 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Vitamin C'])) / 1000,
|
| 421 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Calcium'])) / 1000,
|
| 422 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Iron'])) / 1000,
|
| 423 |
+
float(re.sub(r'[^\d.]+', '', random_recipe['Potassium'])) / 1000
|
| 424 |
+
]
|
| 425 |
# create pie chart
|
| 426 |
+
labels = ['Total Fat', 'Saturated Fat', 'Cholesterol', 'Sodium', 'Total Carbohydrate', 'Dietary Fiber', 'Total Sugars', 'Protein', 'Vitamin C', 'Calcium', 'Iron', 'Potassium']
|
| 427 |
fig = go.Figure(data=[go.Pie(labels=labels, values=values)])
|
| 428 |
+
st.markdown("### Macronutrients Pie Chart ;) (In Grams)")
|
| 429 |
st.plotly_chart(fig)
|
| 430 |
+
st.write("**Tags:** ", random_recipe['Tags'])
|
| 431 |
+
st.write("**Recipe URL:** ", random_recipe['Recipe URLs'])
|
| 432 |
st.markdown("### JSON:")
|
| 433 |
st.write(response_json)
|
| 434 |
|