LCA Viewer, a web application for visualising, browsing and sharing LCA results exported from the Activity Browser. Lightweight (~800KB, excluding project data), easy to use and host, using Vue and Chart.js.
Sample hosted on https://qlcav.quan.cat/?project=sample.
Visualisation of characterisation and normalisation results, including the possiblity to showcase and filter on a wide array of alternatives, alternate scenarios, and multiple points in time. For an LCA practitioner, this facilitates the exploration of results and obtaining insights. For commissioners or interested parties, this can be a way to share LCA results in an interactive and easily accessible way, without the need to browse through reports or install software.
Including convenient web features such as responsivity for mobile devices, info tooltips with descriptions and definitions, and pop-up modals for individual charts.
LCA projects to visualise are hosted under /data/project_name
. The file /data/project_name/metadata.json
contains the configuration to load, including the data file paths (characterisation data CSV exports), setup and labelling of alternatives and impact categories, and theming.
A project can be loaded in the LCA Viewer by appending ?project=project_name
to the URL.
npm install
Run the LCA Viewer locally to explore your own LCA data.
npm run dev
Build and host the LCA Viewer so project data can be shared. Project data is not bundled, so data can be updated without needing to rebuild and host the LCA Viewer itself.
npm run build
Lint with ESLint
npm run lint
Developed by Quan van der Knokke as part of the MSc Industrial Ecology thesis project Life-Cycle Assessment for Sustainable Inland Shipping on South Holland's Waterways at TU Delft / Leiden University.