Difference between revisions of "Knowledgebase"

From ImpVis Wiki
Jump to navigation Jump to search
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
Development process overview


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.

"

Review and publication of your visualisation

  • Uploading
  • Review
  • Versioning
  • Creating a collection