Skip to content
web-based visualization libraries
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci Use cruise/webviz-ci:0.0.3 in CI (#82) Feb 15, 2019
.vscode Fix Overlay so it doesn't flow outside of Worldview by default (#92) Feb 26, 2019
docs Don't trigger onClick if mouse moved beyond distance (#101) Mar 14, 2019
packages regl-worldview version 0.0.22 Mar 15, 2019
.eslintignore Add Button, Tooltip, and KeyListener packages (#52) Dec 28, 2018
.eslintrc.js shift log to debug, add more info (#87) Feb 19, 2019
.flowconfig Add webviz-core (#53) Dec 31, 2018
.prettierrc.yaml Initial commit Dec 11, 2018
lerna.json Add Button, Tooltip, and KeyListener packages (#52) Dec 28, 2018
package-lock.json Bump react to ^16.8.2 (#84) Feb 18, 2019
package.json Bump react to ^16.8.2 (#84) Feb 18, 2019

Webviz CircleCI

Webviz is a web-based application for playback and visualization of ROS bag files. This repository also contains some libraries that can be used independently to build web-based visualization tools.

  • webviz-core (homepage, github): A tool to inspect ROS bags.
  • regl-worldview (homepage, npm, github): React library for rendering 2D and 3D scenes using regl.
  • react-key-listener (npm, github): React component for handling keyboard events, without interfering with editable fields and buttons.
  • @cruise-automation/button (npm, github): React button component that supports animated progress for destructive actions, "pulse" animation, and Bulma classes.
  • @cruise-automation/tooltip (npm, github): React component that uses popper.js to add rich, customizable tooltips to DOM elements.

Please see the individual package READMEs for details on how to install and use them.


  • npm run bootstrap in the root directory to install dependencies.
  • npm run build to run a single build or npm run watch to watch and build.
  • npm run storybook to run storybook.
  • npm run screenshot-debug to generate screenshots from stories.
  • npm run docs to run the docs app.
  • npm run lint to run the linters (and npm run lint:fix to automatically fix issues).
  • npm run flow to run Flow.
  • npm run flow-typed-rebuild to update the flow-typed definitions (any time when changing packages).
  • npm test to run tests.

If you have the right permissions, you can publish:

  • npm run publish to publish npm packages.
  • npm run docs-deploy to deploy that statically hosted website (this is also done automatically in CI on the master branch).


PRs, bug reports, and feature requests are welcome! Please observe and when making a contribution.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.