Knowledgebase

This page is a child of the Main Impvis Wiki Page. This is the ImpVis knowledge base; it contains all of the information ImpVis has accumulated as a community in order to design and develop effective interactive visualisations for education.

The structure of this page follows the steps of our design and development process closely.

Getting started

Getting involved

Browsing projects & managing project

Development process overview

Opportunities to work together

Visualisation design guidance

• Education focused design
• Graphical and Artistic design
• Technical design and coding choices

Guidance for coding up visualisations

The link below has technical content on how to get started with the coding side of ImpVis.

Setting up

• Training

• Tutorial for setting up the coding environment

• Getting connected on Github

• Common errors and how to handle them

The Visualisations template

• Vue Components

• 2019 style template

• 2017-2018 style template

The coding process

Look here for tips and help on issues that may come up while you're coding.

• Functionality guide
• Help on HTML, CSS, JS and JS libraries
• Debugging and Console
• Components and Vue additional comments
• Legacy content
• Extra comments for the developer

• Vis template skeleton content

• Design choices skeleton content

"

• Skeleton topic 3

The development process of visualisation design and creation

• The visualisation development cycle
• The ImpVis Visual Identity - Ethos
• Designing a visualisation
• Review