DOCS-933: Add image of detection bounding boxes to detections page (v…

…iamrobotics#1586)
sguequierre · Aug 3, 2023 · df15eda · df15eda
1 parent a7da7bc
commit df15eda
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/assets/services/vision/chair-detector.png b/assets/services/vision/chair-detector.png
diff --git a/assets/services/vision/dog-detector.png b/assets/services/vision/dog-detector.png
diff --git a/docs/services/vision/detection.md b/docs/services/vision/detection.md
@@ -10,6 +10,12 @@ tags: ["vision", "computer vision", "CV", "services", "detection"]
 
 _Changed in [RDK v0.2.36 and API v0.1.118](/appendix/release-notes/#25-april-2023)_
 
+<div class="td-max-width-on-larger-screens">
+  <div class="alignright" >
+    {{< imgproc alt="A white dog with a bounding box around it labeled 'Dog: 0.71'" src="/services/vision/dog-detector.png" resize="300x" declaredimensions=true >}}
+  </div>
+</div>
+
 _2D Object Detection_ is the process of taking a 2D image from a camera and identifying and drawing a box around the distinct "objects" of interest in the scene.
 Any camera that can return 2D images can use 2D object detection.
 
@@ -222,6 +228,8 @@ Pass the name of this camera to Vision Service methods.
 
     Wait for the robot to reload, and then go to the **Control** tab and open the transform camera card to test the stream of detections.
 
+![Viam app control tab interface showing bounding boxes around two office chairs, both labeled "chair" with confidence score "0.50."](/services/vision/chair-detector.png)
+
 ## Code
 
 The following code gets the robot’s vision service and then runs a color detector vision model on output from the robot's camera `"cam1"`.