How to use webviz in Docker

  1. Clone the webviz project (https://github.com/cruise-automation/webviz)

git clone git@github.com:cruise-automation/webviz.git

  1. Build the image, and name it.

The docker image contains only the basic dependencies. No code or compiled resources.

  1. Run a container in interactive mode with the recently created image, mount the wevbiz code, and attach it to the host network.

  2. Once inside the container, go to the mounted resource /webviz, install dependencies, build, and run the server.

  3. You'll see a message indicating the webviz server URL
    ℹ 「wds」: Project is running at http://localhost:8081/

  4. Open your browser (Chrome seems to be the only fully supported), and direct it to that URL, adding app at the end.
    http://localhost:8081/app/

  5. Drag and drop a rosbag to the browsers's window.
    You can also execute rosbridge to communicate with the host roscore. roslaunch rosbridge_server rosbridge_websocket.launch

  6. Select topics to be displayed. Be sure to select the correct coordinate frame.