Feature UBC campus street example

README.md

@@ -41,9 +41,14 @@ runs entirely in the browser interface. Students can upload an image, choose a
 built-in example, inspect the results, and download the outputs without installing
 Python or providing an API key.
 
-| Sample street image | Example segmentation result |
-|---|---|
-| ![Sample street scene](https://raw.githubusercontent.com/LabMingzeChen/HNIVision/main/space/examples/140546.jpg) | ![Example semantic segmentation](https://raw.githubusercontent.com/LabMingzeChen/HNIVision/main/space/examples/140546_segmentation.png) |
+### Featured classroom example: UBC campus street
+
+![UBC campus street with trees, pedestrians, and a cyclist](https://raw.githubusercontent.com/LabMingzeChen/HNIVision/main/space/examples/ubc-campus-main-mall.jpeg)
+
+This scene provides a useful teaching example because it combines vegetation,
+sky, terrain, paving, buildings, poles, pedestrians, and a cyclist in one image.
+Students can compare the predicted area shares and inspect challenging boundaries
+between the tree canopy and sky, or between the paved route and grass.
 
 ## What the project does
 
@@ -102,7 +107,7 @@ to limit memory use while preserving aspect ratio.
 - **Model literacy:** inspect boundary errors and discuss why predictions differ from human interpretation.
 - **Change over time:** process repeat photographs of a location and compare their CSV summaries.
 
-Four sample street scenes are loaded from the
+Five sample street scenes, led by the UBC campus example above, are loaded from the
 [HNIVision example collection](https://github.com/LabMingzeChen/HNIVision/tree/main/space/examples)
 and appear directly beneath the upload panel in the live app. Hosting samples
 through GitHub Raw follows the same lightweight pattern as HNI-VLM and avoids

app.py

@@ -43,7 +43,13 @@ SAMPLE_ROOT = (
 )
 SAMPLE_IMAGES = [
     f"{SAMPLE_ROOT}/{filename}"
-    for filename in ("140546.jpg", "145541.jpg", "148831.jpg", "160710.jpg")
+    for filename in (
+        "ubc-campus-main-mall.jpeg",
+        "140546.jpg",
+        "145541.jpg",
+        "148831.jpg",
+        "160710.jpg",
+    )
 ]