Data and Information Visualization:
The Principles of Infographics
Bijan Yavar

Head Advisor and Planning Department Direc...
In the Name of the creator of
beauty

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

Kindly Listen Carefully

•

Try to ask good Questions

•

Divide into groups

•

Pick a Lead...
What Do We Expect
•

Define Infographics in a simple
Manner

•

point out It’s status in visualization

•

Tradition and M...
Introduction
What is Data Visualization?

Data and Information Visualization: The Principles of Infographics / Bijan Yavar...
Data Visualization
is the study of the visual representation of data,
meaning
"all those information sets that has been
ge...
What is Infographics (Very Simple)
Infographics
Infographics
Info

Information

Graphics

Graphics

Data and Information V...
What is Infographics? (lets have a peace of Cake)

Data

Information
Presentation

Knowledge

Data and Information Visuali...
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...
History of Infographics (Lets Watch a Clip)

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

1- Gathering
data and
Information
2- Sorting and
Classifying The...
Differences of Traditional and Modern
ways of presenting Data and
Information

Data and Information Visualization: The Pri...
Traditional
Method of
Presenting
Data &
Information
Complexity to Understand
Boring
Not Innovative
Text and Numbers
Minimu...
Modern
Method of
Presenting
Data &
Information
Simplicity to Understand
Interesting
Innovative
Text, Numbers, Shapes,
Colo...
4 kind of Infographics
(Relation between data & information + you)

1- Static (everything is fixed)
2- Dynamic (you can se...
1- Static (everything is fixed)

Translation: www.infographics.ir

Data and Information Visualization: The Principles of I...
2- Dynamic (you can see Dynamism & movement)

www.infographics.ir

Data and Information Visualization: The Principles of I...
3- Interactive (you can interact)

What A Billion Dollars Buys You
http://www.columnfivemedia.com/workitems/interactive-wh...
4- Physical (you can feel it in real and is not just virtual)

www.infographics.ir

Data and Information Visualization: Th...
Some of Infographics Applications and Usage
1- Detection Instrument
2- presenting Ones CV and Back ground
3- presenting Re...
Some of Infographics Applications and Usage

http://metro.co.uk/2013/01/30/new-version-of-londonunderground-map-shows-circ...
Lets have a Look at different kinds of Infographics

http://www.todayinfographic.com
Data and Information Visualization: T...
The Benefits of Infographics by an Infographic
1- Time
Saving
2maximum
informatio
n conveyed
3- User
Friendliness
4- Easy ...
The Growth of Infographics

http://www.jeffbullas.com/2012/03/07/9-awesome-reasons-to-useinfographics-in-your-content-mark...
The Structure, Anatomy and Components of An Infographic
•

Title

•

Subject

•

Introductory Explanation
or Illustrations...
Infographics of Infographics

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

Data and Information Visualization: The ...
Ready,
Get Set,
Go
Practical Work
How to Prepare An Infographic

Data and Information Visualization: The Principles of Inf...
Procedure

1- Divide into Groups
2- Pick A Leader to
Explain the group's
Work later on
3- Work together
4- Interact
5- pre...
What we Have
now
“Data and Information”

What we Intend to Have
Further On
“Innovative Infographic”

Data and Information ...
The Most Used Letters On a Keyboard
(Kindly consider that this sample is just an example)

• Data Resembles
Frequency of u...
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 studi...
Lets Summarize
• What is an Infographics?
• Can you classify different kinds of Infographics?
• Who prepared the First Inf...
Final
Examination
• Within minutes
• You will see
Demos

2

• Kindly in Person
• let us know
• what sort of
Infographic th...
A - Energy Spectrum

B - Natural Gas

Data and Information Visualization: The Principles of Infographics / Bijan Yavar /20...
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.co...
Thank you for Listening
Join Us On http://www.infographics.ir
And Also On http://www.todayinfographic.com
Good Luck

Bijan...
Upcoming SlideShare
Loading in …5
×

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

4,134
-1

Published on

This Presentation Mainly Focuses On Data and Information Visualization and Principles of Infographics

Published in: Design, Education, Art & Photos
1 Comment
7 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,134
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
195
Comments
1
Likes
7
Embeds 0
No embeds

No notes for slide

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

  1. 1. 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
  2. 2. In the Name of the creator of beauty Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  3. 3. 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
  4. 4. 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
  5. 5. Introduction What is Data Visualization? Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  6. 6. 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
  7. 7. What is Infographics (Very Simple) Infographics Infographics Info Information Graphics Graphics Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  8. 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. 9. What is Infographics? Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  10. 10. 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
  11. 11. History of Infographics (Lets Watch a Clip) Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  12. 12. 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
  13. 13. Differences of Traditional and Modern ways of presenting Data and Information Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  14. 14. 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
  15. 15. 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
  16. 16. 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
  17. 17. 1- Static (everything is fixed) Translation: www.infographics.ir Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  18. 18. 2- Dynamic (you can see Dynamism & movement) www.infographics.ir Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  19. 19. 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
  20. 20. 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
  21. 21. 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
  22. 22. 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
  23. 23. Lets have a Look at different kinds of Infographics http://www.todayinfographic.com Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  24. 24. 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
  25. 25. 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
  26. 26. 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
  27. 27. Infographics of Infographics http://www.wiu.edu/coehs/techinsights/blog/?p=1580 Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  28. 28. Ready, Get Set, Go Practical Work How to Prepare An Infographic Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  29. 29. 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
  30. 30. 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
  31. 31. 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
  32. 32. Time to Present Your Work Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  33. 33. 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
  34. 34. 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
  35. 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. 36. A - Energy Spectrum B - Natural Gas Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  37. 37. Data and Information Visualization: The Principles of Infographics / Bijan Yavar /2013
  38. 38. 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
  39. 39. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×