The code behind the interactive dashboard for Philadelphia's soda tax revenue and spending.
Check out the interactive visualization here.
The application is built using a combination of open-source tools, including vue, vuetify, and ApexCharts.
There are two commands serve
, which will launch a local development server,
and build
, which will build the final javascript bundle for the application in the dist/
folder.
We also need to specify the mode
for the build, which can be either staging
or production
. This will determine if the data is pulled
from the "staging" or "production" version of the data files. This allows
us to update the "staging" dataset for the new release, without affecting
the page that is live on the production website.
Install the dependencies:
yarn install
Load data from the staging database:
make serve mode=MODE
where MODE is either staging
or production
.
Load data from the staging database:
make build mode=MODE
where MODE is either staging
or production
.