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

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

Data and Information Visualization:The Principles of Infographics

Bijan YavarHead Advisor and Planning Department Director Of the First Persian Infographics Reference

C First Persian Infographics Reference

Nov 2013


In the Name of the creator of beauty


Assessment In the Workshop

• Kindly Listen Carefully

• Try to ask good Questions

• Divide into groups

• Pick a Leader

• Work Together

• Prepare your Assignment perfectly

• Present a Good Work

• Good attitude

• Good Examination

Active

Presence

Good

Questions

Good

Answers

Participation

in Team work

Good

Presentation

Good final

Exam


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

• Structure of an Infographic

• Infographic Usage

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

Infographics

Definition

Tradition &

Modernism

Kinds of

Infographics

Structure of

an Infographic

Infographic

Usage

Good final

Exam


Introduction

What is Data Visualization?


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


What is Infographics (Very Simple)

Infographics

Infographics

Info Graphics

Information Graphics


What is Infographics? (lets have a peace of Cake)

Data

Presentation

Information

Knowledge


What is Infographics?


History of Infographics 1 2

3 4

http://www.thesocialclinic.com/the-history-of-infographics-in-an-infographic/


History of Infographics (Lets Watch a Clip)


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/PR-Intelligence/bid/134417/Should-You-be-Creating-Infographics


Differences of Traditional and Modernways of presenting Data and

Information


TraditionalMethod of PresentingData & Information

Complexity to Understand

Boring

Not Innovative

Text and Numbers

Minimum Data & Information is conveyed to the Addressee in the maximum Period of Time


ModernMethod of PresentingData & InformationSimplicity 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 ofTime


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)


1- Static (everything is fixed)

Translation: www.infographics.ir


2- Dynamic (you can see Dynamism & movement)

www.infographics.ir


3- Interactive (you can interact)

What A Billion Dollars Buys Youhttp://www.columnfivemedia.com/work-

items/interactive-what-a-billion-dollars-buys-you


4- Physical (you can feel it in real and is not just virtual)

www.infographics.ir


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?


Some of Infographics Applications and Usage

http://metro.co.uk/2013/01/30/new-version-of-london-underground-map-shows-circles-are-the-way-forward-3374600/


Lets have a Look at different kinds of Infographics

http://www.todayinfographic.com


The Benefits of Infographics by an Infographic1- Time Saving

2-maximum information conveyed

3- User Friendliness

4- Easy to Learn

5- easy to memorize

6- Long-lasting to Remember

7- etc

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

http://www.infographics.ir


The Growth of Infographics

http://www.jeffbullas.com/2012/03/07/9-awesome-reasons-to-use-infographics-in-your-content-marketing/


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


Infographics of Infographics

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


Ready,Get Set,Go

Practical Work

How to Prepare An Infographic


Procedure1- Divide into Groups2- Pick A Leader to Explain the group's Work later on3- Work together4- Interact5- prepare an Innovative Infographic6- Present7- Receive the feedbacks

Practical Work: 30 minutesPresentation of each Group: 10 Minutes


What we Have now

“Data and Information”

What we Intend to Have Further On

“Innovative Infographic”


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

• Data Resembles Frequency of use

• User is Assumed to be an Ordinary person

• The number Refers to Words Used in a day

• You can use any kind of Infographic to present your work

Name of Words

Times of Usage

Rank

Word I 720

Word O 720

Word S 500

Word N 720

Word E 1000

Word T 850

Word A 872


Time to Present Your Work


Some Software Skills needed forPreparing 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)


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?


FinalExamination• Within minutes

• You will see 2Demos

• Kindly in Person

• let us know

• what sort of Infographic they are and Why

• Time:

15 Minutes


A - Energy Spectrum B - Natural Gas



:Sources

www.infographics.ir

http://visualization.geblogs.com/?utm_source=gecom&utm_medium=hp_see&utm_campaign=gecom_hp

www.columnfivemedia.com/work-items/interactive-what-a-billion-dollars-buys-you


Thank you for Listening

Bijan Yavar

Join Us On http://www.infographics.irAnd Also On http://www.todayinfographic.com

Good Luck

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

Design

presenting

dynamism amp

presenting

ir data

information

time data

infographics

infographics