Update

App.html

@@ -60,6 +60,16 @@
       <div id="result-image-div">
         <div id="result-bounding">
           <img style="display: none;" id="result-bounding-image" src="https://images.unsplash.com/photo-1508138221679-760a23a2285b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="Bounding Box Of Building"  width="500px">
+          <div id="bounding-box-div">
+            <div class="bounding-item">
+              <div class="bounding-title">Roof Type: </div>
+              <div id="bounding-type" class="bounding-value">pyramid</div>
+            </div>
+            <div class="bounding-item">
+              <div class="bounding-title">Confidence: </div>
+              <div id="bounding-confidence" class="bounding-value">93.1312</div>
+            </div>
+          </div>
         </div>
         <div id="result-street">
           <img style="display: none;" id="result-street-image" src="https://images.unsplash.com/photo-1508138221679-760a23a2285b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="Street View Image of Building" width="500px">

index.js

@@ -74,7 +74,8 @@ function yesClick() {
     document.getElementById("energy-produced").innerHTML = `${Math.trunc(monthlyEnergyProduced)}`;
     document.getElementById("savings").innerHTML = `${Math.trunc(yearlySavingsAfterSP*25)}`;
     document.getElementById("consumption").innerHTML = `${Math.trunc(kWh)}`;
-
+    document.getElementById("bounding-confidence").innerHTML = `${(data.score*100).toFixed(2)}`;
+    document.getElementById("bounding-type").innerHTML = `${data.name}`;
     if (costYearlySavingsChart == null) {
       costYearlySavingsChart = new Chart(costYearlySavings, {
         type: 'doughnut',