DMVis Gallery

Documentation • Gallery website • DMVis

Gallery of decision matrix visualisations created with DMVis.

Project context

The Gallery for the DMVis framework is designed to be flexible and extensible, allowing developers to create a wide range of visualisations to suit their needs. DMVis is built using Svelte and D3.js, making it easy to integrate with existing web applications.

This application was written for the Softwareproject course at Utrecht University. The goal of the course is to develop a software application for a real-world client. The client for this project is Evanthia Dimara, an Assistant Professor and a researcher in Information Visualization at the Visualization and Graphics Group (VIG) at Utrecht University.

Setting up

You will need to install the following dependencies:

• Node.js
• npm

We have pinned our node version in .nvmrc so you can use nvm to install the correct version of node. If you have nvm installed (instructions for Linux and Windows), you can use the following command to install the correct version of node:

nvm install

Once you have installed the above dependencies, you can install the packages using the following commands:

npm install --save-dev husky
npm install

Developing

Start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To build your library:

npm run package

To create a production version of your showcase app:

npm run build

You can preview the production build with npm run preview.