Difference between revisions of "Knowledgebase"
| Line 5: | Line 5: | ||
== Getting started == | == Getting started == | ||
These are the suggested steps to take if you wish to know all about how to get involved in the ImpVis project. | |||
# Read a brief overview of [[Our design and development process|our design and development process.]] | |||
# Find out how to [[Getting involved|get involved]] with a visualisation project. | |||
# Understand what it means to [[Working in partnership|work in partnership]]. | |||
Getting | You can follow the links in the pages above to find out more information. Below are listed all the pages in the 'Getting Started' category in alphabetical order.<categorytree mode="pages">Getting Started</categorytree> | ||
==Visualisation design guidance== | ==Visualisation design guidance== | ||
Revision as of 16:53, 24 September 2021
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
These are the suggested steps to take if you wish to know all about how to get involved in the ImpVis project.
- Read a brief overview of our design and development process.
- Find out how to get involved with a visualisation project.
- Understand what it means to work in partnership.
You can follow the links in the pages above to find out more information. Below are listed all the pages in the 'Getting Started' category in alphabetical order.
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