Writing a Dash web application gives a lot of flexibility, however, it also requires 🐍 Python knowledge from the person setting it up.
Webviz™ is a MIT-licensed configuration layer on top of Dash, which encourages making reusable components and dashboards, which can then be added/removed when creating an application using a short
yaml configuration file.
This Python package,
webviz-config, is the core plugin framework. For a real example repository using this plugin system, see e.g.
These are the main user groups targeted by Webviz™:
Webviz™ will create web applications with very 🔒 strict security headers and CSP settings, giving an rating of A+ on e.g. Mozilla observatory. It also facilitates a 🐳 Docker setup, where the Python code can be ran completely unpriviliged in a sandbox (both with respect to file system access and network communication).
Example configuration file and information about the standard plugins can be seen in the documentation.
The workflow can be summarized as this: 1) The user provides a 📖 configuration file following the yaml standard. 2) Webviz™ reads the configuration file and automatically writes the corresponding 🐍 Python code. 3) The created application can be viewed locally, or deployed using 🐳 Docker to a cloud provider. Both out of the box.
The recommended and simplest way of installing
webviz-config is to run
pip install webviz-config
If you want to develop
webviz-config and install the latest source code manually you
can do something along the lines of:
git clone firstname.lastname@example.org:equinor/webviz-config.git cd ./webviz-config npm ci --ignore-scripts # NOTE: If you are on Windows, make sure to first set `npm`'s default `script-shell` to `powershell` by running # npm config set script-shell powershell npm run postinstall pip install -e .
After installation, there is a console script named
webviz available. You can test the
installation by using the provided example configuration file,
webviz build ./examples/basic_example.yaml
Without any additional arguments, this will 1) create a temporary folder 2) write the Python application code to that folder 3) start a localhost server
When stopping the server (press CTRL+C at any time), the temporary folder is deleted.
The optional arguments can be seen when running
See the introduction page for information on how you
webviz configuration file and use it.
If you are interested in creating new plugins which can be configured through the configuration file, take a look at the contribution guide.
To quickly get started, we recommend using the corresponding cookiecutter template.
webviz-config is, with a few exceptions listed below, MIT licensed.