Top Banner
Vizualisation Part 2
27

Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Dec 22, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

VizualisationPart 2

Page 2: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Agenda

1.How the brain takes in information 2.Epistemology3.Visualisation – Historic4.Visualisation – Modern5.Visualisation – Data6.Visualisation – Technical7.Visualisation – Mapping8.Excercises

Page 3: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

6. Visualisations – Technical

Page 4: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

UML Diagramming

http://www.yworks.com/en/products_yfiles_practicalinfo_gallery.html

Page 5: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

UML Diagramming

http://www.yworks.com/en/products_yfiles_practicalinfo_gallery.html

Page 6: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

UML Diagramming

http://www.yworks.com/en/products_yfiles_practicalinfo_gallery.html

Page 7: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Automatic Layout of Networks and Diagrams - Hierarchical Layout

http://www.yworks.com/en/products_yfiles_practicalinfo_gallery.html

Page 8: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Automatic Layout of Networks and Diagrams - Organic Layout

http://www.yworks.com/en/products_yfiles_practicalinfo_gallery.html

Page 9: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Automatic Layout of Networks and Diagrams - Tree-like Layout

http://www.yworks.com/en/products_yfiles_practicalinfo_gallery.html

Page 10: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Automatic Layout of Networks and Diagrams - Circular Layout

http://www.yworks.com/en/products_yfiles_practicalinfo_gallery.html

Page 11: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Large Graphs – 350 nodes

http://www.yworks.com/en/products_yfiles_practicalinfo_gallery.html

Page 12: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Large Graphs – 10,000 nodes

http://www.yworks.com/en/products_yfiles_practicalinfo_gallery.html

Page 13: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

7. Mapping

Page 14: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Visualisation & Mapping

• Visuals long been used in academia and teaching for their associative and visual qualities.

• Maps…o make things easy to findo chart paths to get placeso show us where things are and how to get from one

place to the nexto link things togethero reveal how things are connected

Page 15: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Mind Maps

• One of most well known and simple ways of connecting ideas together

• Tony Buzan - 1970's• Realisation the mind responds extremely well to

colors, images, key words and associations • Diagram of connected items - 'free association'

Page 16: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Mind Maps

Page 17: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –
Page 18: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Concept Maps

• More complex and powerful form of mind mappingo a collection of nodes, connected by lines that define

their relationship to one anothero sets out a network of things/ideas/items that are

related o a tree and branch like structure

• Pioneered by Joseph Novak

Page 19: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Concept Maps• Novak interested in understanding how humans learned

• Based on David Ausubel’s theorieso Ausbel’s work based on Jean Piaget's work on constructivism

most important single factor influencing learning is what the learner already knows

new knowledge consciously and deliberately added onto the old

• Graphically representing a person's knowledge of a concept, can better understand how it was accumulated

• Result = simple but powerful map of concepts, or “concept map”

Page 20: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Concept Maps (2)

Page 21: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Knowledge Mapping

• Human knowledge is built by linking things together

• Computer storage and retrieval is based on linking things together

• Maps link things together

• Operate on same principle: linking

Page 22: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Topic MapsTopic Maps combine all the preceding concepts: indexes, hyperlinking, visualization mapping, findability, etc.

Page 23: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Topic Map structure

Garshol, 2002

Page 24: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Hyperlinking

• Technology-assisted mappingo computer equivalent of “associationism"o "an associative index" - Dr. Vannevar Bush

(1945)o Project Xanadu - Ted Nelson "hypertext"

(1963) www.xanadu.neto hyperlinks overcome the constraints of time,

space, geography, retrieval, etc.

Page 25: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

8. Excercises

Page 26: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Excercise #1 - DIT

• Create a Mind Map of DIT

Page 27: Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –

Excercise #2 – Transportation

• Create a Mind Map of Dublin City transport problems, mapping possible solutions.