Add HTML for scatter plot and bar chart

b352f43a · Pithon Kabiro · 5bf171eb · b352f43a
Commit b352f43a authored 3 years ago by Pithon Kabiro
Hide whitespace changes
Inline Side-by-side

Showing

with 25 additions and 0 deletions
+25 -0
--- a/index.html
+++ b/index.html
@@ -210,6 +210,31 @@
                </div>
              </div>
            </div>
+            <div class="row">
+              <div class="col-xl-6">
+                <div class="card mb-4">
+                  <div class="card-header">
+                    <!-- No free scatter plot icon available; use this instead -->
+                    <i class="fas fa-braille mr-1"></i>
+                    Scatter Plot Example
+                  </div>
+                  <div class="card-body">
+                    <div id="chart-scatter-plot" width="100%" height="40"></div>
+                  </div>
+                </div>
+              </div>
+              <div class="col-xl-6">
+                <div class="card mb-4">
+                  <div class="card-header">
+                    <i class="far fa-chart-bar mr-1"></i>
+                    Bar Chart Example
+                  </div>
+                  <div class="card-body">
+                    <div id="chart-bar" width="100%" height="40"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
          </div>
        </main>
        <footer class="py-4 bg-light mt-auto">