Unit 9: Visualization

and Presentation
Platforms

Online Visualization
Tool for Graphic
Organizers
(with Mind Mapping)
by: Gibson J.
Olazo
HAVE YOU
TRIED
PRESENTING
INFORMATIO
N THROUGH
VISUALS?

2
WHEN CAN THIS
STATEMENT BE
CONSIDERED TRUE?
“TO SEE IS TO
BELIEVE.”

3
 ● Define the meaning and

Objectives:
purpose of a graphic organizer.

● Distinguish different types of

graphic organizers.

● Discover various online

platforms to create graphic
organizers.

44
In the following slides, there will be two
options provided.

Choose what you prefer or understand

better between the two.
Explain your answer.

5
1. Option A

Option B

6
2. Option A Option B

An average person’s balanced diet

should have portions

of go, glow, and grow foods per plate.

Go includes foods

like bread, noodles, and rice. Glow foods

include fruits

and veggies like watermelon, broccoli,

and carrots.

Lastly, grow foods are high in protein

such as fish, eggs, and dairy products.

7
3.

Option A Option B

Bob Ong’s novels include

ABNKKBSNPLAko?!, Stainless
Longganisa, Macarthur, and Ang
mga Kaibigan ni Mama Susan.
These are just a few of his works
that portray Filipino culture,
traditions, and comedy.

8
4. Option A Option B

The hierarchy of needs shows the

five-tier human needs.
Physiological needs consist of
water, food, sleep, and rest. The
second level is safety and
security, which includes shelter
and financial security. The third
one is love and belongingness, or
social relationships. The fourth in
the pyramid is self-esteem, which
tackles career and achievements.
Lastly, self-actualization pertains
to man’s full potential.

9
WITH THE GIVEN
EXERCISE, WHICH
WERE YOU ABLE TO
UNDERSTAND BETTER:
THE DESCRIPTIVE
TEXT, OR THE
VISUALS?

10
UNDERSTANDING GRAPHIC ORGANIZER

How do you define

graphic organizer?

11
GRAPHIC
ORGANIZERS ARE
VISUAL TOOLS THAT
PRECISELY CONVEY
DATA OR INFORMATION
THROUGH SHAPES,
COLORS, AND OTHER
SYMBOLIC ELEMENTS.

12
THESE ARE
EFFECTIVE
INSTRUMENTS
IN
PRESENTING
REPORTS,
ADS,
BROCHURES,
SLIDESHOWS,
AND
POSTERS.
13
 TYPES OF GRAPHIC ORGANIZERS

Graphic organizers vary depending on their

use or purpose. Understanding concepts
and breaking these down into keypoints is
important before converting them into
graphics.

14
 TYPES OF GRAPHIC ORGANIZERS
Cyclical organizers
are used for ideas that
have rotational or
repetitive patterns.
Examples are the
evaporation process
and the product life
cycle.
15
TYPES OF GRAPHIC ORGANIZERS
Hierarchical
Organizers are used
when a concept shows
ranking orders or
levels. Examples are
the animal hierarchy
and the Hindu caste
system.
16
 TYPES OF GRAPHIC ORGANIZERS

Conceptual
organizers are
created to link
relationships among
concepts. Examples
are company ideas
and decision-making.
17
TYPES OF GRAPHIC ORGANIZERS
Sequential
organizers are
applicable to key
points that exhibit
flows or courses.
Examples are the
marketing process and
the writing process.
18
 TYPES OF GRAPHIC ORGANIZERS

Graphs and Charts

are produced to
display figures or
statistics. Examples
are survey scores and
students’ favorite
subjects chart.
19
TYPES OF GRAPHIC ORGANIZERS

Storyboards are
generated to provide
synopses for
narratives or literary
works. Examples are
digital previews and
storylines.
20
THERE ARE A NUMBER OF GRAPHIC
ORGANIZERS AVAILABLE ONLINE.
YOU CAN ALSO CREATE YOUR OWN
LAYOUT AND DESIGN FOR AS LONG AS
IT CAN EFFECTIVELY DELIVER YOUR
MESSAGE.

21
COMMONLY USED GRAPHIC ORGANIZERS

A Venn diagram
enables the
comparison and
contrast of two or
more main concepts.
Venn Diagram
22
 COMMONLY USED GRAPHIC ORGANIZERS

A concept wheel
provides ideas related
to a central topic.

Concept Wheel
23
COMMONLY USED GRAPHIC ORGANIZERS

A tree chart illustrates

categories that spread
out into sub-
categories or related
ideas.
Tree
Chart
24
COMMONLY USED GRAPHIC ORGANIZERS

A chain diagram
exhibits the causal
sequence of an event.

Chain
Diagrams
25
COMMONLY USED GRAPHIC ORGANIZERS

The T chart
demonstrates
analogies between
two perspectives of a
particular topic or
concept.
T Chart
26
COMMONLY USED GRAPHIC ORGANIZERS

Mind mapping yields

expanded ideas;
unlike concept
mapping, ideas are
only produced from a
single stem and not
between interrelated
Mind Map concepts.
27
COMMONLY USED GRAPHIC ORGANIZERS
KWL chart follows the
progress of learning
and knowledge
before, during, and
after teaching or
instruction.
what I Know, what I
Want to know, What I KWL Chart
Learned. 28
COMMONLY USED GRAPHIC ORGANIZERS

Brace maps analyze

the parts of the whole
idea or concept
through expanded
brackets.
Brace
Map
29
COMMONLY USED GRAPHIC ORGANIZERS
A story map illustrates
details about a literary
piece or a screenplay.
Story maps are also
used in identifying
elements such as
characters, setting,
and sequence of Story Map
events. 30
COMMONLY USED GRAPHIC ORGANIZERS

The timeline graphic

organizer presents
chronologically
arranged events.

Timelin
e
31
WHAT GRAPHIC ORGANIZERS
HAVE YOU USED AND FOR WHAT PURPOSE?

32
Here are some examples of Online
Visualization Tools for creating or
editing graphic organizers that will suit
your needs.

33
VENNGAGE
FEATURES:
● IMPORTATION OF
DATA FROM
SPREADSHEETS
● SELECTION OF
ICONS,
PICTOGRAMS, AND
ILLUSTRATIONS
● CUSTOMIZABLE PRE-
MADE TEMPLATES
34
34
SLATEBOX
FEATURES:
● COLLABORATION
TOOL
● SCALABLE IMAGES
● DRAG, RESIZE,
CONNECT,
COLORIZE
FUNCTIONS
● EMBED AND EXPORT
FUNCTIONS
35
35
CREATELY
FEATURES:
● DRAWING WITH
SMART SHAPES,
THEMES, AND
STYLES
● COLLABORATION
TOOLS
● SPECIALIZED SHAPE
LIBRARY

36
36
WHIMSICAL
FEATURES:
● SEVERAL MODES OF
GRAPHIC
ORGANIZERS
● ADDITION OF
ELEMENTS VIA
SIMPLE TOOLBAR
● LIGHT SPEED
EXPORT

37
37
CANVA
FEATURES:
● WIDE SELECTION OF
TEMPLATES
● STOCK GRAPHICS
● COLLABORATION
TOOL
● TONS OF
CUSTOMIZATION
FEATURES

38
38
EDRAW MAX
FEATURES:
● MASSIVE TEMPLATES
AND SYMBOLS
● FILE COMPATIBILITY
● DYNAMIC TOOLS

39
39
GROUPMAP
FEATURES:
● DESIGN LIST,
CHARTS, AND MIND
MAPS
● CLONE COPIES
● MULTIPLE
WORKSPACES
● POLLS AND SURVEYS

40
40
GRAPHIC
ORGANIZER
MAKER
FEATURES:
● EASE OF USE
● SIMPLE USER
INTERFACE
● GENERATION OF
SELECTED GRAPHIC
ORGANIZER
● CREATION OF
DEFAULT
INSTRUCTIONS 41
41
FREEOLOGY
FEATURES:
● PRE-MADE
TEMPLATES
● DOWNLOADABLE
AND EDITABLE

42
42
TEACHERVISION
FEATURES:
● WIDE SELECTION OF
RESOURCES
● EDITABLE AND
DOWNLOADABLE

43
43
COGNITIVE THEORISTS BELIEVE THAT
PEOPLE LEARN IN AN ORGANIZED AND
PREDICTABLE MANNER; THUS, GRAPHIC
ORGANIZERS HELP IMPROVE RETENTION
AND RETRIEVAL OF INFORMATION.

44
 EXERCISE 1

Choose among the given sets of data in

Option A. Afterwards, select a graphic
organizer among the choices indicated in
Option B and create an example using the
online tools for visualization.

45
EXERCISE 1
Option A Option B
● classification of animals ● timeline organizer
● SMART goals ● concept wheel
● STAR strategy ● tree chart
● rock cycle ● storyboard
● multiple intelligences ● mind map
● Philippine presidential ● chain diagram
history ● cyclical organizer
● Ibong Adarna ● T chart

46
EXERCISE 2:
LOOK FOR A FINISHED
GRAPHIC ORGANIZER
ONLINE. IMPROVE IT BY
CREATING YOUR
OWN VERSION AND
THEN COMPARE THE
TWO.

47
 THINK OUT LOUD

How do graphic
organizers help
students learn?

48
 THINK OUT LOUD

Should a good
presenter use graphic
organizers? Why or
why not?

49
 THINK OUT LOUD

Aside from school,

where else can you
use graphic
organizers, and for
what purpose?

50
Graphic Organizers
are visuals that deliver simplified
information.

Basic types of graphic organizers:

Cyclical, Hierarchical,
Conceptual, Sequential,
Graphs and Charts, and
Storyboard. 51
Examples of commonly used graphic
organizers: Venn diagram, Concept
Wheel, Tree Chart, Chain Diagram, T
Chart, Mind Mapping

Examples of online platforms with

visualization tools: Venngage,
Slatebox, Creately, Whimsical, Canva

52
● Slide 7: Bread, by Freepik is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 7: Noodle, by surang is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 7: Rice, by Freepik is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 7: Carrots, by Good Ware is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 7: Broccoli, by icongeek26 is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 7: Watermelon, by Smashicons is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 7: Egg, by Freepik is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 7: Fish, by surang is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 7: Milk, by Freepik is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 9: Sleep, by Freepik is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 9: Healthy Food, by Flat icons is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 9: Money, by Eucalyp is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 9: Heart, by Freepik is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 9: Family, by Freepik is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 9: Achievement, by Freepik is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 9: Promotion, by Freepik is licensed under CC BY-SA 4.0 via Flaticon.

53
● Slide 9: Moral, by Eucalyp is licensed under CC BY-SA 4.0 via Flaticon.
● Slide 11: Coloured infographic elements, by zirconicusso is licensed under
CC BY-SA 4.0 via Freepik.
● Slide 23: Concept Wheel, by Katemangostar is licensed under CC BY-SA 4.0 via Freepik.
● Slide 24: Tree Chart, by Freepik is licensed under CC BY-SA 4.0 via Freepik.
● Slide 27: Mind Map, by Freepik is licensed under CC BY-SA 4.0 via Freepik.
● Slide 31: Timeline, by Freepik is licensed under CC BY-SA 4.0 via Freepik.

54
Gonzales, Jennifer. “The Great and Powerful Graphic Organizer.” Cult of Pedagogy.
October 22 2017. Accessed June 6, 2020.
https://www.cultofpedagogy.com/graphic-organizer/.

Velarde, Orana. “15 Graphic Organizers and How They Help Visualize Ideas.” visme.
Accessed June 6, 2020. https://visme.co/blog/graphic-organizer/.

55