Webviz Config

Make Dash applications from a user-friendly config file 📖 🐍
Alternatives To Webviz Config
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Flask Sqlalchemy Tutorial341
4 months ago19mitPython
:snake: :information_source: Create and manage data in your Flask app via a SQL database.
Webviz Config48354 days ago105June 22, 2022106mitPython
Make Dash applications from a user-friendly config file :book: :snake:
Psty Api12
3 years ago1gpl-3.0CSS
:star: Source Code for the backend of psty.io. Written in Python with Flask :snake:
Flask Assets Tutorial6
3 years ago1mitPython
:package: :snake: Flask application which compiles ands serves frontend assets with Flask-Assets.
Multiplayer Game Server6
3 years ago12HTML
A multiplayer game matchmaking server for Snake and Ladders and Connect Four
3 years agomitPython
Class management system build using python:snake: & Flask:hot_pepper:
Meteorological Faker5
6 years agootherHTML
:snake: :cloud: :mortar_board: Little Server to show how API and AJAX request works, also can be used to show how to build a toy server with Flask
Python Pereira3
5 years ago6mitHTML
:snake: :computer: PyPereira - Comunidad Python Pereira
3 years ago2Python
:cloud: Free Cloud JSON Storage Written in Python :snake:
Jquery Snake2
4 years agomitJavaScript
A simple snake game made with JavaScript, JQuery library, CSS, HTML and the Python Flask framework as backend.
Alternatives To Webviz Config
Select To Compare

Alternative Project Comparisons

Democratizing Python web applications

Total alerts Language grade: Python

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. webviz-subsurface.

These are the main user groups targeted by Webviz™:

  • You do not know Python, and only want to add different predefined dashboards or visualizations/components in a certain order and/or on different pages in the application. Optionally with some text and mathematical equations (that you provide) inbetween the dashboards, explaining what the user is looking at.
  • You know Python, and want to create generic or specialized dashboards you or other users can reuse by simply asking for it in the Webviz™ configuration file. This can be done without knowing JavaScript (see also Dash for more information).
  • You know React, and want to create highly specialized visualization which Python or pure config-file users can reuse.

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 [email protected]: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

webviz --help


See the introduction page for information on how you create a webviz configuration file and use it.

Creating new plugins

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.

Popular Snake Projects
Popular Flask Projects
Popular Games Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.