Alliance Evidence Map

The evidence map is built using Vue.js (using Vue CLI).

Installation

Make sure you've Node installed.

Clone this repo, navigate to app directory and run:

npm install

To start the app run:

npm run serve

Architecture

The entry point is main.js and the main application code is in App.vue. Components for the sidebar, table, charts etc. are in components.

CSS styling is in the individual components e.g. the sidebar styling is at the bottom of components/Sidebar.vue

Build

Build the app for production using npm run build which updates the dist directory. Upload the dist directory to your web server.

Data

There are three CSV files:

• evidence-map.csv which is the main data sheet containing a list of studies
• interventions.csv which contains a list of interventions. Each intervention has a category (e.g. HIV prevention, care and treatment interventions)
• outcomes.csv which contains a list of outcomes. Each outcome has a category (e.g. Individual-level outcomes)

Each study (in evidence-map.csv) has an Interventions and an Outcomes value consisting of a semi-colon separated list of ids. Each id links to a row in interventions.csv and outcomes.csv respectively.