diff --git a/index.html b/index.html
index cb19eb422f9b32a40f23c35d41bafef6a600799a..c90ef6807d1c3f48a6acad9b4f327bf55df86278 100644
--- 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">