Difference between revisions of "Knowledgebase"

From ImpVis Wiki
Jump to navigation Jump to search
Line 14: Line 14:


==Visualisation design guidance==
==Visualisation design guidance==
To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. 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.
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.  


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.
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]]
*[[Designing a visualisation]]


=== Graphic design ===
=== Graphic design ===
Interaction design
[[The ImpVis Visual Identity - Ethos]]


*[[The visualisation development cycle]]
=== Interaction design ===
*[[The ImpVis Visual Identity - Ethos]]
*[[Designing a visualisation]]


==Guidance for coding up visualisations==  
==Guidance for coding up visualisations==  

Revision as of 14:40, 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

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.

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