Difference between revisions of "Knowledgebase"
| Line 5: | Line 5: | ||
== Getting started == | == Getting started == | ||
<categorytree mode="pages">Getting Started</categorytree> | |||
Getting involved | Getting involved | ||
Browsing projects & managing project | Browsing projects & managing project | ||
Opportunities to work together | Opportunities to work together | ||
| Line 20: | Line 21: | ||
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. | 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 === | ===Education design=== | ||
*[[The visualisation development cycle]] | *[[The visualisation development cycle]] | ||
*[[Designing a visualisation]] | *[[Designing a visualisation]] | ||
=== Graphic design === | ===Graphic design === | ||
[[The ImpVis Visual Identity - Ethos]] | [[The ImpVis Visual Identity - Ethos]] | ||
=== Interaction design === | ===Interaction design=== | ||
==Guidance for coding up visualisations== | == Guidance for coding up visualisations== | ||
The link below has technical content on how to get started with the coding side of ImpVis. | The link below has technical content on how to get started with the coding side of ImpVis. | ||
=== Setting up === | === Setting up=== | ||
* Training | *Training | ||
* [[Tutorial for setting up the coding environment]] | *[[Tutorial for setting up the coding environment]] | ||
* [[Getting connected on Github]] | *[[Getting connected on Github]] | ||
*[[Common errors and how to handle them]] | *[[Common errors and how to handle them]] | ||
===The Visualisations template=== | ===The Visualisations template=== | ||
*[[Vue Components]] | *[[Vue Components]] | ||
*[[2019 style template]] | *[[2019 style template]] | ||
*[[2017-2018 style template]] | *[[2017-2018 style template]] | ||
=== The coding process === | ===The coding process=== | ||
Look here for tips and help on issues that may come up while you're coding. | Look here for tips and help on issues that may come up while you're coding. | ||
*[[Functionality guide]] | *[[Functionality guide]] | ||
*[[Help on HTML, CSS, JS and JS libraries]] | *[[Help on HTML, CSS, JS and JS libraries]] | ||
*[[Debugging and Console]] | *[[Debugging and Console]] | ||
*[[Components and Vue additional comments]] | *[[Components and Vue additional comments]] | ||
*[[Legacy content]] | *[[Legacy content]] | ||
*[[Extra comments for the developer]] | *[[Extra comments for the developer]] | ||
*[[Vis template skeleton content]] | *[[Vis template skeleton content]] | ||
*[[Design choices skeleton content]] | *[[Design choices skeleton content]] | ||
| Line 71: | Line 72: | ||
*Versioning | *Versioning | ||
*Creating a collection | *Creating a collection | ||
[[Category:Knowledgebase]] | |||
Revision as of 16:42, 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
Getting involved
Browsing projects & managing project
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