Skip to content

Deploying the Visualization

Jump to bottom
Abdul Hannan edited this page Aug 11, 2020 · 6 revisions

There are multiple ways to deploy the visualization code. One way is to run it locally and commit the new files to gh-pages. The other way is to run the Deploy to Github Pages Github Action to do the same through CI. The next 2 sections describe these 2 methods.

Deploying the visualization through Github Actions.

  1. Build the visualization locally. For this, you can run the Update local visualization workflow to build the latest visualization code to master.
  2. After the build is run, you can check the visualization by pulling the latest changes (git pull) and running npm run dev on the terminal to serve the changes on a local webserver (you can open http://localhost:8810 after running the command).
  3. If everything looks good, run the Deploy to Github Pages workflow. This command will publish the changes to Github Pages and deploy this to the live website

Deploying the Interactive Visualization locally

# cd to root of repo
git add .
git commit -m "update local visualization"
git push

Now, the local built files are pushed to master.

  • Check the visualization. THIS WILL be the visualization that is deployed, so make sure it's working!
cd visualization/vis-master/dist # from the root directory
python3 -m http.server
  • Push the new visualization to the gh-pages branch
npm run deploy-origin
Clone this wiki locally