diff --git a/docs/specs/dreamview_usage_table.md b/docs/specs/dreamview_usage_table.md
new file mode 100644
index 0000000000000000000000000000000000000000..8c96b2be39ba8dd79e692f6ff0e2d9e28b3cd469
--- /dev/null
+++ b/docs/specs/dreamview_usage_table.md
@@ -0,0 +1,49 @@
+# Dreamview Usage Table
+
+
+
+| Visual Element | Depiction Explanation |
+| ---------------------------------------- | ---------------------------------------- |
+| ![](images/dreamview_usage_table/0clip_image002.png) | The autonomous car. |
+| ![](images/dreamview_usage_table/0clip_image004.png) |
- The wheel steering percentage.
- The status of left/right turn signals.
|
+| ![](images/dreamview_usage_table/0clip_image006.png) | - The driving speed in km/h.
- The driving mode (AUTO/MANUAL/etc.).
- The accelerator/brake percentage.
|
+| ![](images/dreamview_usage_table/0clip_image008.png) | A toggle menu for the types of visual elements displays. |
+| ![](images/dreamview_usage_table/0clip_image010.png) | Vehicle obstacle. |
+| ![](images/dreamview_usage_table/0clip_image012.png) | Pedestrian obstacle. |
+| ![](images/dreamview_usage_table/0clip_image014.png) | Bicycle obstacle. |
+| ![](images/dreamview_usage_table/0clip_image016.png) | Unknown obstacle. |
+| ![](images/dreamview_usage_table/0clip_image018.png) | The velocity arrow shows the direction of the movement with the length proportional to the magnitude. |
+| ![](images/dreamview_usage_table/0clip_image020.png) | The white arrow shows the directional heading of the obstacle. |
+| ![](images/dreamview_usage_table/0clip_image022.png) | The yellow text indicates the tracking ID of the obstacle. |
+| ![](images/dreamview_usage_table/0clip_image024.png) | The lines show the predicted movement of the obstacle with the same color as the obstacle. |
+| ![](images/dreamview_usage_table/0clip_image026.png) | The red thick line shows the routing suggestion. |
+| ![](images/dreamview_usage_table/0clip_image028.png) | **Stop** depicting the primary stopping reason. |
+| ![](images/dreamview_usage_table/0clip_image030.png) | **Stop** depicting the object stopping reason. |
+| ![2](images/dreamview_usage_table/0clip_image032.png) | **Follow** object. |
+| ![](images/dreamview_usage_table/0clip_image034.png) | **Yield** object decision -- the dotted line connects with the respective object. |
+| ![](images/dreamview_usage_table/0clip_image036.png) | **Overtake** object decision -- the dotted line connects with the respective object. |
+| ![](images/dreamview_usage_table/0clip_image038.png) | Nudge object decision -- the orange zone indicates the area to avoid. |
+| ![](images/dreamview_usage_table/0clip_image040.png) | Stopping reason: **Clear-zone in front.** |
+| ![](images/dreamview_usage_table/0clip_image042.png) | Stopping reason: **Crosswalk in front.** |
+| ![](images/dreamview_usage_table/0clip_image044.png) | Stopping reason: **Destination arrival.** |
+| ![](images/dreamview_usage_table/0clip_image046.png) | Stopping reason: **Emergency.** |
+| ![](images/dreamview_usage_table/0clip_image048.png) | Stopping reason: **Auto mode is not ready.** |
+| ![](images/dreamview_usage_table/0clip_image050.png) | Stopping reason: **Obstacle is blocking the route.** |
+| ![](images/dreamview_usage_table/0clip_image052.png) | Stopping reason: **Pedestrian crossing in front.** |
+| ![](images/dreamview_usage_table/0clip_image054.png) | Stopping reason: **Traffic light is yellow/red.** |
+| ![](images/dreamview_usage_table/0clip_image056.png) | Stopping reason: **Vehicle in front.** |
+| ![](images/dreamview_usage_table/0clip_image058.png) | Stopping reason: **Stop sign in front.** |
+| ![](images/dreamview_usage_table/0clip_image060.png) | Stopping reason: **Yield sign in front.** |
+| ![](images/dreamview_usage_table/0clip_image062.png) | The green thick curvy band indicates the planned trajectory. |
+| ![](images/dreamview_usage_table/0clip_image064.png) | Point of view: **Default.** |
+| ![](images/dreamview_usage_table/0clip_image066.png) | Point of view: **Near.** |
+| ![](images/dreamview_usage_table/0clip_image068.png) | Point of view: **Overhead.** |
+| ![](images/dreamview_usage_table/0clip_image070.png) | Point of view: Map. **Zoom in/out:** mouse scroll or pinch with two fingers. **Move around:** right-click and drag or swipe with three fingers. |
+| ![](images/dreamview_usage_table/0clip_image072.png) | Send a routing request with the current location as the starting point and a default end point. |
+| ![](images/dreamview_usage_table/0clip_image074.png) | Switch to a route-editing page where routing points can be added by left-click. |
+
+
+
+
+
+
diff --git a/docs/specs/images/dreamview_usage_table/.gitattributes b/docs/specs/images/dreamview_usage_table/.gitattributes
new file mode 100644
index 0000000000000000000000000000000000000000..c091529f367f33ff9b537d173e86f91f29c6cc27
--- /dev/null
+++ b/docs/specs/images/dreamview_usage_table/.gitattributes
@@ -0,0 +1 @@
+*.png filter=lfs diff=lfs merge=lfs -text
\ No newline at end of file
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image002.png b/docs/specs/images/dreamview_usage_table/0clip_image002.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee89054fa9ca43046f2b9a092d5b8eec0da6dd52
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image002.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image004.png b/docs/specs/images/dreamview_usage_table/0clip_image004.png
new file mode 100644
index 0000000000000000000000000000000000000000..b34981cf1a7659e357e8fe31c35809bda698ca7d
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image004.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image006.png b/docs/specs/images/dreamview_usage_table/0clip_image006.png
new file mode 100644
index 0000000000000000000000000000000000000000..999aeccd0678e40ea1663002d3e7ec4186bc08df
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image006.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image008.png b/docs/specs/images/dreamview_usage_table/0clip_image008.png
new file mode 100644
index 0000000000000000000000000000000000000000..877a1bc70f9debf720777ff90f4006a8ee83d502
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image008.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image010.png b/docs/specs/images/dreamview_usage_table/0clip_image010.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e2545a9a80513663b701abcbed0bb1645c0be3d
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image010.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image012.png b/docs/specs/images/dreamview_usage_table/0clip_image012.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e8023d3a728c5488bca45d134edd538698b4764
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image012.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image014.png b/docs/specs/images/dreamview_usage_table/0clip_image014.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1589c5618a2207256842f11269727a001b993c7
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image014.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image016.png b/docs/specs/images/dreamview_usage_table/0clip_image016.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3decd89c6c2a166cc1001b403d786c01a79ade5
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image016.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image018.png b/docs/specs/images/dreamview_usage_table/0clip_image018.png
new file mode 100644
index 0000000000000000000000000000000000000000..a764fa53b08c45965ff9e14d6c72d96682cb9060
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image018.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image020.png b/docs/specs/images/dreamview_usage_table/0clip_image020.png
new file mode 100644
index 0000000000000000000000000000000000000000..01b6f49215a33a3af4f743a6e56210f9c633cda2
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image020.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image022.png b/docs/specs/images/dreamview_usage_table/0clip_image022.png
new file mode 100644
index 0000000000000000000000000000000000000000..711497925583ac7b8dc5dd710209be08a885011f
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image022.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image024.png b/docs/specs/images/dreamview_usage_table/0clip_image024.png
new file mode 100644
index 0000000000000000000000000000000000000000..40510872fe4b460f732e75512bb1a4167b36db53
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image024.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image026.png b/docs/specs/images/dreamview_usage_table/0clip_image026.png
new file mode 100644
index 0000000000000000000000000000000000000000..f093ce2a66cca4d6036486f6035aa21e26167f90
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image026.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image028.png b/docs/specs/images/dreamview_usage_table/0clip_image028.png
new file mode 100644
index 0000000000000000000000000000000000000000..df06c8005176137c5b9741b892f7913794733eb3
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image028.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image030.png b/docs/specs/images/dreamview_usage_table/0clip_image030.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1bd62b0b1ba96d54222c0ea32c9cb92f380a061
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image030.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image032.png b/docs/specs/images/dreamview_usage_table/0clip_image032.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc02e1b0dc636f1c876a26edeecd426d12ae18b1
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image032.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image034.png b/docs/specs/images/dreamview_usage_table/0clip_image034.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b5a7a8913ebb30938daf9e285d09e8d3b24b6ae
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image034.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image036.png b/docs/specs/images/dreamview_usage_table/0clip_image036.png
new file mode 100644
index 0000000000000000000000000000000000000000..915d409b6b6198258a0463bf669333b0272c576a
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image036.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image038.png b/docs/specs/images/dreamview_usage_table/0clip_image038.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e8cbb22a6ed7c428cc03802837a7e4db22d677c
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image038.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image040.png b/docs/specs/images/dreamview_usage_table/0clip_image040.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7b97a3e8cec7f2350ebaec4d5e58df64b858124
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image040.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image042.png b/docs/specs/images/dreamview_usage_table/0clip_image042.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3f7e44ffcfc82d0c29242d2842ba712a5ed8e85
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image042.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image044.png b/docs/specs/images/dreamview_usage_table/0clip_image044.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ec6b8e903a957300e1467e4ded37ae22ccd3ea2
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image044.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image046.png b/docs/specs/images/dreamview_usage_table/0clip_image046.png
new file mode 100644
index 0000000000000000000000000000000000000000..8dedc8e4de447bf49c8716132954ab60daa7e580
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image046.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image048.png b/docs/specs/images/dreamview_usage_table/0clip_image048.png
new file mode 100644
index 0000000000000000000000000000000000000000..d978c0b691120ac9129d4288662634102b36a7b6
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image048.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image050.png b/docs/specs/images/dreamview_usage_table/0clip_image050.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1446eeb068b6e1a5788804aa2ec4371de286259
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image050.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image052.png b/docs/specs/images/dreamview_usage_table/0clip_image052.png
new file mode 100644
index 0000000000000000000000000000000000000000..1475c285e14041d41c063d0971fef2c7c538994c
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image052.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image054.png b/docs/specs/images/dreamview_usage_table/0clip_image054.png
new file mode 100644
index 0000000000000000000000000000000000000000..31418fbb644b8c07127f6ea11ff270a961d43285
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image054.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image056.png b/docs/specs/images/dreamview_usage_table/0clip_image056.png
new file mode 100644
index 0000000000000000000000000000000000000000..6cb46d372cc33f69c859650ccb3e3ec8406f4c8c
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image056.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image058.png b/docs/specs/images/dreamview_usage_table/0clip_image058.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ad724fb7722a6b8c14735c9ef950eacfe108c67
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image058.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image060.png b/docs/specs/images/dreamview_usage_table/0clip_image060.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d882fa2c7811a4cda9c104cb7c4f44cbd074683
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image060.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image062.png b/docs/specs/images/dreamview_usage_table/0clip_image062.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4d19be130e0ff1ce15cf912b153fbbfd04e2109
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image062.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image064.png b/docs/specs/images/dreamview_usage_table/0clip_image064.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6b373fe23ca0ed73f4d6e1b10702b87354867ec
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image064.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image066.png b/docs/specs/images/dreamview_usage_table/0clip_image066.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2a72db7392cab78d0f8139adb4d0d9e641375d7
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image066.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image068.png b/docs/specs/images/dreamview_usage_table/0clip_image068.png
new file mode 100644
index 0000000000000000000000000000000000000000..64e576512310a33934fb1561bb71af6d85d19be8
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image068.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image070.png b/docs/specs/images/dreamview_usage_table/0clip_image070.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1a01ebc9405ace202de0b67da4b9a41501ea7e5
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image070.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image072.png b/docs/specs/images/dreamview_usage_table/0clip_image072.png
new file mode 100644
index 0000000000000000000000000000000000000000..11fcf86a3271b5d6ec05b537f7ed76108dd34b65
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image072.png differ
diff --git a/docs/specs/images/dreamview_usage_table/0clip_image074.png b/docs/specs/images/dreamview_usage_table/0clip_image074.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5186d4b496a3f0b39a1b9eccaf7ebc71345e200
Binary files /dev/null and b/docs/specs/images/dreamview_usage_table/0clip_image074.png differ
diff --git a/modules/dreamview/README.md b/modules/dreamview/README.md
index b2cfba91096cf8f2accf1fba3ef50416e9fa3b6f..f429f605a31db2e108d1e368ef23e4bc78c14ac7 100644
--- a/modules/dreamview/README.md
+++ b/modules/dreamview/README.md
@@ -9,6 +9,9 @@
* Chassis defined by Protobuf message `Chassis`, which can be found in file `canbus/proto/chassis.proto`.
* Planning defined by Protobuf message `ADCTrajectory`, which can be found in file `planning/proto/planning.proto`.
* Monitor defined by Protobuf message `MonitorMessage`, which can be found in file `common/monitor/proto/monitor.proto`.
+ * Perception Obstacles defined by Protobuf message `PerceptionObstacles`, which can be found in file `perception/proto/perception_obstacle.proto`.
+ * Prediction defined by Protobuf message `PredictionObstacles`, which can be found in file `prediction/proto/prediction_obstacle.proto`.
+ * Routing defined by Protobuf message `RoutingResponse`, which can be found in file `routing/proto/routing.proto`.
## Output
- A web-based dynamic 3D rendering of the monitored messages in a simulated world.
\ No newline at end of file
+ A web-based dynamic 3D rendering of the monitored messages in a simulated world.