Data and Information Visualization:
The Principles of Infographics
Bijan Yavar

Head Advisor and Planning Department Director
Of the First Persian Infographics Reference

Nov 2013

C

First Persian Infographics Reference
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
In the Name of the creator of
beauty

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Assessment In the Workshop
•

Kindly Listen Carefully

•

Try to ask good Questions

•

Divide into groups

•

Pick a Leader

•

Work Together

•

Present a Good Work

•

Good attitude

•

Good

Presence

Questions

Good

Participation

Answers

in Team work

Good

Good final

Presentation

Exam

Prepare your Assignment perfectly

•

Active

Good Examination

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
What Do We Expect
•

Define Infographics in a simple
Manner

•

point out It’s status in visualization

•

Tradition and Modernism in
relation to Presenting Data and
Information

•

Kinds of Infographics

•

Infographic Usage

•

And lots more, you tell us what will
be next…

Tradition &

Definition

Modernism

Kinds of

Structure of

Infographics

an Infographic

Infographic

Good final

Usage

Exam

Structure of an Infographic

•

Infographics

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Introduction
What is Data Visualization?

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Data Visualization
is the study of the visual representation of data,
meaning
"all those information sets that has been
generalized in some schematic form, including
attributes or variables for the units of information"
which can be easily understood
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
What is Infographics (Very Simple)
Infographics
Infographics
Info

Information

Graphics

Graphics

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
What is Infographics? (lets have a peace of Cake)

Data

Information
Presentation

Knowledge

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
What is Infographics?

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
1

3

History of Infographics
2

4

http://www.thesocialclinic.com/the-history-of-infographics-in-an-infographic/
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
History of Infographics (Lets Watch a Clip)

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Different Phases and Stages for Producing an Infographic

1- Gathering
data and
Information
2- Sorting and
Classifying Them
3- Arranging
Them
4- Presentation
http://info.techimage.com/PRIntelligence/bid/134417/ShouldYou-be-Creating-Infographics
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Differences of Traditional and Modern
ways of presenting Data and
Information

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Traditional
Method of
Presenting
Data &
Information
Complexity to Understand
Boring
Not Innovative
Text and Numbers
Minimum Data & Information
is conveyed to the Addressee
in the maximum Period of
Time

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Modern
Method of
Presenting
Data &
Information
Simplicity to Understand
Interesting
Innovative
Text, Numbers, Shapes,
Colorful, Diversity, big and
Smallness, Status of Location,
etc
Maximum Data & Information
is conveyed to the Addressee
in the Minimum Period of
Time

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
4 kind of Infographics
(Relation between data & information + you)

1- Static (everything is fixed)
2- Dynamic (you can see Dynamism & movement)
3- Interactive (you can interact)
4- Physical (you can feel it in real and is not just virtual)

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
1- Static (everything is fixed)

Translation: www.infographics.ir

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
2- Dynamic (you can see Dynamism & movement)

www.infographics.ir

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
3- Interactive (you can interact)

What A Billion Dollars Buys You
http://www.columnfivemedia.com/workitems/interactive-what-a-billion-dollars-buys-you
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
4- Physical (you can feel it in real and is not just virtual)

www.infographics.ir

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Some of Infographics Applications and Usage
1- Detection Instrument
2- presenting Ones CV and Back ground
3- presenting Reports and Factsheets
4- presenting news and Information Giving
5- Propaganda and Advertisement
6- introducing any thing (Goods, products, etc)
7- An Instrument for Tracing
8- One of the Best Methods for Training and education
9- And lots more. What do you think?
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Some of Infographics Applications and Usage

http://metro.co.uk/2013/01/30/new-version-of-londonunderground-map-shows-circles-are-the-way-forward-3374600/
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Lets have a Look at different kinds of Infographics

http://www.todayinfographic.com
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
The Benefits of Infographics by an Infographic
1- Time
Saving
2maximum
informatio
n conveyed
3- User
Friendliness
4- Easy to
Learn
5- easy to
memorize
6- Longlasting to
Remember
7- etc

http://www.webmarketinggroup.co.
uk/Blog/why-every-seo-strategyneeds-infographics-1764.aspx

http://www.infographics.ir

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
The Growth of Infographics

http://www.jeffbullas.com/2012/03/07/9-awesome-reasons-to-useinfographics-in-your-content-marketing/
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
The Structure, Anatomy and Components of An Infographic
•

Title

•

Subject

•

Introductory Explanation
or Illustrations

•

Captions and Related
Explanation

•

Complementary
Explanation or
Illustrations

•

Producer and Designer,
Translator or whatsoever)

•

Innovative things in Mind

•

Source

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Infographics of Infographics

http://www.wiu.edu/coehs/techinsights/blog/?p=1580

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Ready,
Get Set,
Go
Practical Work
How to Prepare An Infographic

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Procedure

1- Divide into Groups
2- Pick A Leader to
Explain the group's
Work later on
3- Work together
4- Interact
5- prepare an
Innovative Infographic
6- Present
7- Receive the
feedbacks
Practical Work: 30 minutes
Presentation of each Group:
10 Minutes

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
What we Have
now
“Data and Information”

What we Intend to Have
Further On
“Innovative Infographic”

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
The Most Used Letters On a Keyboard
(Kindly consider that this sample is just an example)

• Data Resembles
Frequency of use

Name of
Words

Times of
Usage

• The number Refers to
Words Used in a day
• You can use any kind
of Infographic to
present your work

720

Word O

720

Word S

500

Word N

720

Word E

1000

Word T

850

Word A

• User is Assumed to be
an Ordinary person

Word I

Rank

872

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Time to Present Your Work

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Some Software Skills needed for
Preparing different kinds of Infographics
• Photoshop
• illustrator
• Freehand
• 3-D studio max
• Adobe related software
• Flash player
•

etc (based on the needs, Goal and the innovation of
the designer)

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Lets Summarize
• What is an Infographics?
• Can you classify different kinds of Infographics?
• Who prepared the First Infographic?
• What is the Use of Infographics?
• What are the main stages for preparing an
Infographic?

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Final
Examination
• Within minutes
• You will see
Demos

2

• Kindly in Person
• let us know
• what sort of
Infographic they
are and Why
• Time:
15 Minutes
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
A - Energy Spectrum

B - Natural Gas

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
www.columnfive
media.com/work
items/interactive
-what-a-billiondollars-buys-you

:Sources
http://visualization.
geblogs.com/?utm_so
urce=gecom&utm_m
edium=hp_see&utm_
campaign=gecom_hp
www.infographics.ir
Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
Thank you for Listening
Join Us On http://www.infographics.ir
And Also On http://www.todayinfographic.com
Good Luck

Bijan Yavar

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013

Data and Information Visualization: the Principles of Infographics - English Version - Bijan Yavar - 2013

  • 1.
    Data and InformationVisualization: The Principles of Infographics Bijan Yavar Head Advisor and Planning Department Director Of the First Persian Infographics Reference Nov 2013 C First Persian Infographics Reference Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 2.
    In the Nameof the creator of beauty Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 3.
    Assessment In theWorkshop • Kindly Listen Carefully • Try to ask good Questions • Divide into groups • Pick a Leader • Work Together • Present a Good Work • Good attitude • Good Presence Questions Good Participation Answers in Team work Good Good final Presentation Exam Prepare your Assignment perfectly • Active Good Examination Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 4.
    What Do WeExpect • Define Infographics in a simple Manner • point out It’s status in visualization • Tradition and Modernism in relation to Presenting Data and Information • Kinds of Infographics • Infographic Usage • And lots more, you tell us what will be next… Tradition & Definition Modernism Kinds of Structure of Infographics an Infographic Infographic Good final Usage Exam Structure of an Infographic • Infographics Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 5.
    Introduction What is DataVisualization? Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 6.
    Data Visualization is thestudy of the visual representation of data, meaning "all those information sets that has been generalized in some schematic form, including attributes or variables for the units of information" which can be easily understood Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 7.
    What is Infographics(Very Simple) Infographics Infographics Info Information Graphics Graphics Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 8.
    What is Infographics?(lets have a peace of Cake) Data Information Presentation Knowledge Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 9.
    What is Infographics? Dataand Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 10.
    1 3 History of Infographics 2 4 http://www.thesocialclinic.com/the-history-of-infographics-in-an-infographic/ Dataand Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 11.
    History of Infographics(Lets Watch a Clip) Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 12.
    Different Phases andStages for Producing an Infographic 1- Gathering data and Information 2- Sorting and Classifying Them 3- Arranging Them 4- Presentation http://info.techimage.com/PRIntelligence/bid/134417/ShouldYou-be-Creating-Infographics Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 13.
    Differences of Traditionaland Modern ways of presenting Data and Information Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 14.
    Traditional Method of Presenting Data & Information Complexityto Understand Boring Not Innovative Text and Numbers Minimum Data & Information is conveyed to the Addressee in the maximum Period of Time Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 15.
    Modern Method of Presenting Data & Information Simplicityto Understand Interesting Innovative Text, Numbers, Shapes, Colorful, Diversity, big and Smallness, Status of Location, etc Maximum Data & Information is conveyed to the Addressee in the Minimum Period of Time Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 16.
    4 kind ofInfographics (Relation between data & information + you) 1- Static (everything is fixed) 2- Dynamic (you can see Dynamism & movement) 3- Interactive (you can interact) 4- Physical (you can feel it in real and is not just virtual) Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 17.
    1- Static (everythingis fixed) Translation: www.infographics.ir Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 18.
    2- Dynamic (youcan see Dynamism & movement) www.infographics.ir Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 19.
    3- Interactive (youcan interact) What A Billion Dollars Buys You http://www.columnfivemedia.com/workitems/interactive-what-a-billion-dollars-buys-you Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 20.
    4- Physical (youcan feel it in real and is not just virtual) www.infographics.ir Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 21.
    Some of InfographicsApplications and Usage 1- Detection Instrument 2- presenting Ones CV and Back ground 3- presenting Reports and Factsheets 4- presenting news and Information Giving 5- Propaganda and Advertisement 6- introducing any thing (Goods, products, etc) 7- An Instrument for Tracing 8- One of the Best Methods for Training and education 9- And lots more. What do you think? Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 22.
    Some of InfographicsApplications and Usage http://metro.co.uk/2013/01/30/new-version-of-londonunderground-map-shows-circles-are-the-way-forward-3374600/ Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 23.
    Lets have aLook at different kinds of Infographics http://www.todayinfographic.com Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 24.
    The Benefits ofInfographics by an Infographic 1- Time Saving 2maximum informatio n conveyed 3- User Friendliness 4- Easy to Learn 5- easy to memorize 6- Longlasting to Remember 7- etc http://www.webmarketinggroup.co. uk/Blog/why-every-seo-strategyneeds-infographics-1764.aspx http://www.infographics.ir Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 25.
    The Growth ofInfographics http://www.jeffbullas.com/2012/03/07/9-awesome-reasons-to-useinfographics-in-your-content-marketing/ Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 26.
    The Structure, Anatomyand Components of An Infographic • Title • Subject • Introductory Explanation or Illustrations • Captions and Related Explanation • Complementary Explanation or Illustrations • Producer and Designer, Translator or whatsoever) • Innovative things in Mind • Source Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 27.
    Infographics of Infographics http://www.wiu.edu/coehs/techinsights/blog/?p=1580 Dataand Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 28.
    Ready, Get Set, Go Practical Work Howto Prepare An Infographic Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 29.
    Procedure 1- Divide intoGroups 2- Pick A Leader to Explain the group's Work later on 3- Work together 4- Interact 5- prepare an Innovative Infographic 6- Present 7- Receive the feedbacks Practical Work: 30 minutes Presentation of each Group: 10 Minutes Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 30.
    What we Have now “Dataand Information” What we Intend to Have Further On “Innovative Infographic” Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 31.
    The Most UsedLetters On a Keyboard (Kindly consider that this sample is just an example) • Data Resembles Frequency of use Name of Words Times of Usage • The number Refers to Words Used in a day • You can use any kind of Infographic to present your work 720 Word O 720 Word S 500 Word N 720 Word E 1000 Word T 850 Word A • User is Assumed to be an Ordinary person Word I Rank 872 Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 32.
    Time to PresentYour Work Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 33.
    Some Software Skillsneeded for Preparing different kinds of Infographics • Photoshop • illustrator • Freehand • 3-D studio max • Adobe related software • Flash player • etc (based on the needs, Goal and the innovation of the designer) Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 34.
    Lets Summarize • Whatis an Infographics? • Can you classify different kinds of Infographics? • Who prepared the First Infographic? • What is the Use of Infographics? • What are the main stages for preparing an Infographic? Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 35.
    Final Examination • Within minutes •You will see Demos 2 • Kindly in Person • let us know • what sort of Infographic they are and Why • Time: 15 Minutes Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 36.
    A - EnergySpectrum B - Natural Gas Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  • 37.
    Data and InformationVisualization: The Principles of Infographics / Bijan Yavar /2013
  • 38.
  • 39.
    Thank you forListening Join Us On http://www.infographics.ir And Also On http://www.todayinfographic.com Good Luck Bijan Yavar Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013