create ingredient-servings.html file.

2 months ago · 282e2d4121
1 changed files with 10 additions and 0 deletions
--- a/renders/ingredient-servings.html
+++ b/renders/ingredient-servings.html
@ -0,0 +1,10 @@
+<html><head><style>html{
+    height: 100%;
+}
+
+html body{
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}</style><script type='text/javascript' src='https://cdn.jsdelivr.net/npm/vega@5'></script><script type='text/javascript' src='https://cdn.jsdelivr.net/npm/vega-lite@5'></script><script type='text/javascript' src='https://cdn.jsdelivr.net/npm/vega-embed@6'></script></head><body><div id='vis'></div><script>var spec = {"data":{"values":[{"ingredient":"Wholemeal Tortilla","serving":2},{"ingredient":"Wholemeal Bread","serving":2},{"ingredient":"Wholemeal Crackers","serving":2},{"ingredient":"Walnuts","serving":2},{"ingredient":"Vegetables","serving":5},{"ingredient":"Turkey","serving":3},{"ingredient":"Tuna","serving":2},{"ingredient":"Sweet Potato","serving":2},{"ingredient":"Steak","serving":2},{"ingredient":"Spinach","serving":2},{"ingredient":"Salmon","serving":3},{"ingredient":"Salad","serving":3},{"ingredient":"Quinoa","serving":4},{"ingredient":"Protein Powder","serving":6},{"ingredient":"Prawns","serving":2},{"ingredient":"Porridge","serving":2},{"ingredient":"Green Beans","serving":2},{"ingredient":"Greek Yogurt","serving":3},{"ingredient":"Granola","serving":1},{"ingredient":"Fruit","serving":3},{"ingredient":"Eggs","serving":4},{"ingredient":"Courgette","serving":1},{"ingredient":"Cottage Cheese","serving":2},{"ingredient":"Cod","serving":1},{"ingredient":"Chicken","serving":3},{"ingredient":"Brussels Sprouts","serving":1},{"ingredient":"Brown Rice","serving":2},{"ingredient":"Broccoli","serving":1},{"ingredient":"Berries","serving":3},{"ingredient":"Banana Protein Smoothie","serving":1},{"ingredient":"Banana","serving":1},{"ingredient":"Bacon","serving":1},{"ingredient":"Asparagus","serving":2},{"ingredient":"Almonds","serving":2}]},"$schema":"https://vega.github.io/schema/vega-lite/v5.json","title":"Weekly Ingredient Servings","description":"Percentage of how much each ingredient is served in a week.","width":600,"height":300,"mark":{"type":"bar"},"encoding":{"x":{"field":"serving","title":"No. of Servings in Week.","type":"quantitative"},"color":{"field":"ingredient","type":"nominal","title":"Ingredient","legend":{"symbolLimit":100}},"tooltip":{"field":"ingredient"}}}; vegaEmbed("#vis", spec).then(result => console.log(result)).catch(console.warn);</script></body></html>