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
To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Make sure to familiarise yourself with the template so you understand how it can support your visualisation design:
Try out the ImpVis template here!
Below we split up our tips and ideas into three different categories: education, graphic, and interaction design. Note that we have only just started collating our experience in this section, so not all parts are populated yet - we aim to incorporate all knowledge generated by the ImpVis module students in this Wiki going forward.
Education design
Graphic design
The ImpVis Visual Identity - Ethos
Interaction design
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
The Visualisations 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
"
Review and publication of your visualisation
- Uploading
- Review
- Versioning
- Creating a collection