-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (83 loc) · 3.91 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Bellybutton Biodiversity</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body style="background-color: rgb(235, 238, 241);">
<div class="jumbotron">
<div class="text-center">
<div style="background-image: url('bacteria1.jpg');
background-size: cover;height: 360px;padding-top: 80px ;">
<h1 style=color:chartreuse>Belly Button Biodiversity Dashboard</h1>
<h2 style=color:chartreuse>Use the interactive charts below to explore the dataset</h2>
</div>
</div>
</div>
<!-- Article title and paragraph -->
<div class="container-fluid">
<div class="row">
<div class="col-md-2 article-title">
<h3><b>Why Meat Taste So Delicious? </h3></b></br><h4>Why Replace Meat?</h4></br>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-8 article-p">
<p>
These arguably understudied questions are the scientific focus of the research team at Improbable Foods,
the company Green founded and whose mission is to completely replace animals as a food production technology.
Discovering and imitating the molecular interactions that make meat delicious
“is the most important scientific question in the world right now,” Green said.
This is the story of Rosa a scientist at Improbable Beef mimics the delicious taste
of meat by studying and documenting the different microbes.
<br /><br />Bacterial species are not well studied and many of them remain unknown to science.
Labs across the country have success in synthesizing meat from algae, fungi and planktons.
Rosa’s hypothesis is there should be a microorganism that can supply the next best taste and
she believes that they are found in each human body.
The human body is a source of thousands of bacteria, different types of bacteria live in different parts of the body.
Bacteria found in gut are not the same as the bacteria found in eye lashes.
Rosa believes that bacterial species tasting like beef is present in someone’s belly button.<br /><br />
To test the hypothesis, we have sampled the belly button bacterial species of people across the country.
Each person is given an id number to protect their identity.
Our dashboard represents the different bacterial species and their occurrence in all the test subjects.
We did a visualization which helps to understand the data better.
</div>
</div>
</div>
<!-- <div class="container"></div> -->
<div class="row">
<div class="col-md-2">
<div class="well">
<h5><b>Test Subject ID No.:</b></h5>
<select id="selDataset" onchange="optionChanged(this.value)"></select>
</div>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><b>Demographic Info</b></h3>
</div>
<div id="sample-metadata" class="panel-body"style="height:8cm";></div>
</div>
</div>
<div class="col-md-5">
<div id="bar"></div>
</div>
<div class="col-md-5">
<div id="gauge"></div>
</div>
</div>
<div class="row-center">
<div class="col-md-12" >
<div id="bubble">
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.5.0/d3.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="static/js/charts.js"></script>
</body>
</html>