Skip to content

Deployment

Continuous visualization testing in production โ™ป and deploying dashboards as part of a CI/CD pipeline are critical components of a high quality data stack that stakeholders can depends on. These deployments create opportunities to prevent, discover and fix bugs proactively

API Key

If you plan to deploy to the Visivo cloud using visivo deploy then you will need an API key.

You can get an api key by logging into your profile at app.visivo.io.

Note

Visivo will put your API in the right place during visivo init however there's a few other option if you want to store your API key differently.

  • Store your Visivo token in an environment variable.
  • Create a file called profile.yml anywhere in the project and include this in the first line: token: '{{ env_var('YOUR_TOKEN_ENV_VAR')}}'.

The nice thing about this method is that it makes setting up a CI like github actions super easy with a different token.

  • Create a file called profile.yml at this location: ~/.visivo/profile.yml
  • Add this to the the first line of the file: `token: 'your-visivo-token'

This approach is a little easier for those who are not sure how to configure environment variables.

CI/CD

It's highly recommended that you create a staging version of your project anytime that someone on your team creates a pull request. This is beneficial for a few reasons.

  • ๐Ÿฟ Preview your Project


    View how changes impact your project visually before production.

  • ๐Ÿงช Test Changes


    Understand how changes to downstream nodes impact upstream nodes.

  • ๐Ÿค Streamline Collaboration


    Improve your peer reviews by relating code changes to visual changes.

  • ๐Ÿƒโ€โ™‚๏ธ Increase Development Speed


    Gone are the days of data visualizations being built and deployed in production.

Mint

Mint is a great way to deploy Visivo. It's caching functionality, concurrency and debugging can make development of Mint workflows much easier than Git Actions. The workflows below will deploy a stage when the pull request is updated and archive it when the pull request is closed.

Configuration

  1. Add your deployment token as VISIVO_TOKEN, database credentials and other env variables to your Mint vault.
  2. Add a workflow similar to the following yml.
.mint/manage_ci.yml
on:
  github:
    pull_request:
      actions: [opened, reopened, synchronize, closed]
      init:
        commit-sha: ${{ event.git.sha }}
        head-ref: ${{ event.git.branch  }}
        deploy: ${{ event.github.pull_request.pull_request.merged == false && event.github.pull_request.pull_request.state == 'open' }}
        archive: ${{ event.github.pull_request.pull_request.merged == true && event.github.pull_request.pull_request.state == 'closed' }}

tasks:
  - key: code
    call: mint/git-clone 1.1.6
    with:
      repository: https://github.com/visivo-io/analytics.git
      ref: ${{ init.commit-sha }}
      github-access-token: ${{ github.token }} #(1)!

  - key: python
    call: mint/install-python 1.1.0
    with:
      python-version: 3.10.0

  - key: install-visivo
    use: [python]
    run: pip install visivo #(2)!

  - key: run-visivo
    if: ${{ init.deploy }}
    use: [install-visivo, code]
    run: visivo run
    env: 
      DB_PASSWORD: ${{ secrets.DB_PASSWORD }} #(4)!
      DB_USERNAME: ${{ secrets.DB_USERNAME }} 
      DB_HOST: localhost 

  - key: deploy-ci-stage
    if: ${{ init.deploy }}
    use: [run-visivo]
    run: visivo deploy -s ${{ init.head-ref }}
    env: 
      VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }} 

  - key: archive-ci-stage
    if: ${{ init.archive }}
    use: [install-visivo, code]
    run: visivo archive -s ${{ init.head-ref }}
    env:
      VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }} #(3)!
  1. Mint automatically configures a clone token when you connect it to github. You should be able to find it in your mint vault.
  2. Specifying a version of visivo can be a good idea. For example- pip install git+https://github.com/visivo-io/visivo.git@v1.0.9
  3. You can get your visivo token from app.visivo.io.
  4. This assumes that you have a target set up in your project that depends on these env variables for connection.

Note

The example below is for a project that runs Visivo against google cloud SQL. You will likely need to pass additional secrets and alter authentication steps to connect to your targets.

.mint/manage_ci_gcp_cloud_sql_target.yml
on:
  github:
    pull_request:
      actions: [opened, reopened, synchronize, closed]
      init:
        commit-sha: ${{ event.git.sha }}
        head-ref: ${{ event.git.branch  }}
        deploy: ${{ event.github.pull_request.pull_request.merged == false && event.github.pull_request.pull_request.state == 'open' }}
        archive: ${{ event.github.pull_request.pull_request.merged == true && event.github.pull_request.pull_request.state == 'closed' }}

tasks:
  - key: code
    call: mint/git-clone 1.1.6
    with:
      repository: https://github.com/visivo-io/analytics.git
      ref: ${{ init.commit-sha }}
      github-access-token: ${{ github.token }} #(3)!

  - key: python
    call: mint/install-python 1.1.0
    with:
      python-version: 3.10.0

  - key: install-visivo
    use: [python]
    run: pip install visivo #(4)!

  - key: gcloud-cli # (1)!
    call: google-cloud/install-cli 1.0.1

  - key: gcloud-login # (2)!
    if: ${{ init.deploy }}
    use: [gcloud-cli]
    call: google-cloud/auth-credentials 1.0.1
    with:
      credentials-json: ${{ secrets.GCLOUD_SA_PRODUCTION_KEY }}

  - key: cloud-sql-proxy-connect-and-run-visivo
    if: ${{ init.deploy }}
    use: [gcloud-login, install-visivo, code]
    run: |
      cd bin
      ./cloud_sql_proxy "acme-co-production:us-west1:company-database-replica" --port 5432 &>/dev/null & 
      cd ../visivo
      visivo run
    env: 
      DB_PASSWORD: ${{ secrets.DB_PASSWORD }}
      DB_USERNAME: ${{ secrets.DB_USERNAME }} 
      DB_HOST: localhost 

  - key: deploy-ci-stage
    if: ${{ init.deploy }}
    use: [cloud-sql-proxy-connect-and-run-visivo]
    run: |
      cd visivo
      visivo deploy -s ${{ init.head-ref }}
    env: 
      VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }} 

  - key: archive-ci-stage
    if: ${{ init.archive }}
    use: [install-visivo, code]
    run: | 
      cd visivo 
      visivo archive -s ${{ init.head-ref }}
    env:
      VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }}
  1. If connecting with a publicly accessible database you may not need to authentic with your cloud provider credentials.
  2. If connecting with a publicly accessible database you may not need to authentic with your cloud provider credentials.
  3. Mint automatically configures a clone token when you connect it to github. You should be able to find it in your mint vault.
  4. Specifying a version of visivo can be a good idea. For example- pip install git+https://github.com/visivo-io/visivo.git@v1.0.9

Github Actions

We have an example action that is used on the CLI repo. This action deploys each pull request to a stage, and then archives that stage when the pull request is closed.

Configuration

  1. Add your deployment token to github action secrets as VISIVO_TOKEN
  2. Add a workflow similar to the following yml.

This following can be adapted easily with the env variables.

.github/workflows/visivo_deploy_archive.yml
name: Deploy & Archive CI Dashboard

on:
  pull_request:
    types: [opened, reopened, closed, synchronize]

env:
  yml_location: . #(1)!
  stage_name: ${{ github.head_ref }}
  deploy: github.event.pull_request.merged == false && github.event.pull_request.closed_at == null
  archive: github.event.pull_request.merged == true || github.event.pull_request.closed_at != null

jobs:
  deploy-archive-dashboard:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout
        uses: actions/checkout@v4

      - uses: actions/setup-python@v5
        with:
          python-version: '3.10' 

      - name: Install Visivo
        run: pip install visivo #(2)!

      - name: Run Visivo 
        if: ${{ env.deploy }}
        run: cd ${{ env.yml_location}} && visivo run 

      - name: Deploy
        id: deploy
        if: ${{ env.deploy }} 
        run: visivo deploy -s ${{ env.stage_name }}
        env: 
          VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }}

      - name: Archive 
        if: ${{ env.archive }}
        run: visivo archive -s ${{ env.stage_name }}
        env: 
          VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }}
  1. The relative location of your project.visivo.yml file.
  2. Specifying a version of visivo can be a good idea. For example- pip install git+https://github.com/visivo-io/visivo.git@v1.0.9
  3. This step captures the stdout print of the url of the deployment that was created so that it can later be referenced to generate a github comment on the PR. Both of these steps are totally optional!
.github/workflows/visivo_deploy_archive.yml
name: Deploy & Archive CI Dashboard

on:
  pull_request:
    types: [opened, reopened, closed, synchronize]

env:
  yml_location: . #(1)!
  stage_name: ${{ github.head_ref }}
  deploy: github.event.pull_request.merged == false && github.event.pull_request.closed_at == null
  archive: github.event.pull_request.merged == true || github.event.pull_request.closed_at != null

jobs:
  deploy-archive-dashboard:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout
        uses: actions/checkout@v4

      - uses: actions/setup-python@v5
        with:
          python-version: '3.10' 

      - name: Install Visivo
        run: pip install visivo #(2)!

      - name: Run Visivo 
        if: ${{ env.deploy }}
        run: cd ${{ env.yml_location}} && visivo run 

      - name: Deploy
        id: deploy
        if: ${{ env.deploy }}
        run: | #(3)!
          visivo deploy -s ${{ env.stage_name }} | tee /dev/stderr | grep 'Deployed to: ' > deployed.txt
          deployed=`cat deployed.txt`
          echo "deployed=$deployed" >> "$GITHUB_OUTPUT"
        env: 
          VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }}

      - name: Comment
        if: ${{ env.deploy }}
        uses: marocchino/sticky-pull-request-comment@v2
        with:
          message: |
            Visivo Dashboard:
            ${{ steps.deploy.outputs.deployed}}

      - name: Archive 
        if: ${{ env.archive }}
        run: visivo archive -s ${{ env.stage_name }}
        env: 
          VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }}
  1. The relative location of your project.visivo.yml file.
  2. Specifying a version of visivo can be a good idea. For example- pip install git+https://github.com/visivo-io/visivo.git@v1.0.9
  3. This step captures the stdout print of the url of the deployment that was created so that it can later be referenced to generate a github comment on the PR. Both of these steps are totally optional!

Production

To keep your production data fresh you will likely want to push deployments into a production stage on a regular cadence.

Success

One of the key differentiators between Visivo and other BI tools is that you control pushing data to Visivo rather than providing Visivo with credentials to pull data. Pushing your own data rather than trusting a vendor to pull has security and workflow benefits.

Mint

With Mint Cron Schedules you can configure jobs to run on whatever cadence you need.

Configuration

.mint/production_refresh.yml
on:
  cron:
    - key: refresh-production-every-30-minutes
      schedule: "*/30 * * * *"
      init:
        commit-sha: ${{ event.cron.git.sha }}

tasks:
  - key: code
    call: mint/git-clone 1.1.6
    with:
      repository: https://github.com/visivo-io/analytics.git
      ref: ${{ init.commit-sha }}
      github-access-token: ${{ github.token }} #(1)!

  - key: python
    call: mint/install-python 1.1.0
    with:
      python-version: 3.10.0

  - key: install-visivo
    use: [python]
    run: pip install visivo #(2)!

  - key: run-visivo
    use: [install-visivo, code]
    run: visivo run
    env: 
      DB_PASSWORD: ${{ secrets.DB_PASSWORD }} #(4)!
      DB_USERNAME: ${{ secrets.DB_USERNAME }} 
      DB_HOST: localhost 

  - key: deploy-production
    use: [run-visivo]
    run: visivo deploy -s Production
    env: 
      VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }} #(3)!
  1. Mint automatically configures a clone token when you connect it to github. You should be able to find it in your mint vault.
  2. Specifying a version of visivo can be a good idea. For example- pip install visivo==1.0.26
  3. You can get your visivo token from app.visivo.io.
  4. This assumes that you have a target set up in your project that depends on these env variables for connection.
.mint/gcp_production_refresh.yml
on:
  cron:
    - key: refresh-production-every-30-minutes
      schedule: "*/30 * * * *"
      init:
        commit-sha: ${{ event.cron.git.sha }}

tasks:
  - key: code
    call: mint/git-clone 1.1.6
    with:
      repository: https://github.com/visivo-io/analytics.git
      ref: ${{ init.commit-sha }}
      github-access-token: ${{ github.token }} #(1)!

  - key: python
    call: mint/install-python 1.1.0
    with:
      python-version: 3.10.0

  - key: install-visivo
    use: [python]
    run: pip install visivo #(2)!

  - key: gcloud-cli
    call: google-cloud/install-cli 1.0.1

  - key: gcloud-login
    use: [gcloud-cli]
    call: google-cloud/auth-credentials 1.0.1
    with:
      credentials-json: ${{ secrets.GCLOUD_SA_PRODUCTION_KEY }}

  - key: cloud-sql-proxy-connect-and-run-visivo
    use: [gcloud-login, install-visivo, code]
    run: |
      cd bin
      ./cloud_sql_proxy "acme-co-production:us-west4:acme-production-replica" --port 5432 &>/dev/null & 
      cd ../visivo
      visivo run
    env: 
      DB_PASSWORD: ${{ secrets.DB_PASSWORD }} #(4)!
      DB_USERNAME: ${{ secrets.DB_USERNAME }} 
      DB_HOST: localhost 

  - key: deploy-production
    use: [cloud-sql-proxy-connect-and-run-visivo]
    run: |
      cd visivo
      visivo deploy -s Production
    env: 
      VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }} #(3)!
  1. Mint automatically configures a clone token when you connect it to github. You should be able to find it in your mint vault.
  2. Specifying a version of visivo can be a good idea. For example- pip install visivo==1.0.26
  3. You can get your visivo token from app.visivo.io.
  4. This assumes that you have a target set up in your project that depends on these env variables for connection.

Github Actions

Configuration

.github/workflows/production_refresh.yml
name: Production Deployment

on:
  workflow_dispatch:
  schedule:
    - cron: "*/15 * * * *" 

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout Analytics Repo
        uses: actions/checkout@v4

      - uses: actions/setup-python@v4
        with:
          python-version: '3.10' 

      - name: Install Visivo
        run: pip install visivo

      - name: Auth Google Cloud
        uses: google-github-actions/auth@v2
        with:
          credentials_json: '${{ secrets.GCLOUD_SA_PRODUCTION_KEY }}'

      - name: Cloud SQL Proxy Connect & Run Visivo
        run: |
          cd bin
          ./cloud_sql_proxy "acme-co-production:us-west4:acme-production-replica" --port 5432 &>/dev/null & 
          cd ../visivo
          visivo run
        env:
          DB_PASSWORD: ${{ secrets.DB_PASSWORD }}
          DB_USERNAME: ${{ secrets.DB_USERNAME }} 
          DB_HOST: localhost

      - name: Deploy CI Stage 
        run: |
          cd visivo
          visivo deploy -s Production
        env:
          VISIVO_TOKEN: ${{ secrets.VISIVO_TOKEN }}

Static

You can also manage and host the dashboard internally if you wish to manage it entirely within your systems. To create a self-contained build all you need to do is run the visivo dist command. This will create a folder that you can use to host in any manner that suits your needs.