DATA VISUALIZATION children experiences

malnourishment)
- Graphical representation of
4. Put more weight to a claim or
info and data by using
viewpoint (infographic:
graphs, charts, and maps
almost 5,000+ of young
- Presentation of data in visual
people have HIV)
presentation
5. Being attention to most
- To transfer info and data to
relevant aspects of a data set
comprehensively to make it
(highlighting the most
understandable and useful
important details: used in all
- Charts, infographics
types of industry)
- Form of communication
which makes data easy to
compare in varying types and
TYPES
sizes
- We tell a story in graphical 1. Table
form - categorical objects
- Combination of ART and - One of the basic tools
DATA SCIENCE (we - Can be used to summarize
shouldn’t lose the purpose of data into categories and use
presenting the data, not just it to compare
aesthetics) -
- One of the steps in data 2. Infographic
science, its discipline known - Combination of information
as DPA (Data Presentation and graphics
Architecture) - Compilation of images,
charts, and relatively little
text
USES - Consist of important
information we want to tell
1. Purpose: present information
- TYPES:
interestingly and
Statistical infographics –
understandable
(SWS)
2. Process of locating patterns
Informational
and anomalies (outliers)
Timeline (chronological order
within a given data collection
Process (steps with picture
(ex: sales report)
presented)
3. Use data to tell a story inside
Comparison
the data (ex: poverty –
Geogrpaphic (trend and
putting stats 1/10 of Filipino
patterns)
 Hierarchal (maslow) - How we divide things (24-hr)
List - Budgets
Flowchart - Pie graph
Interactive (digital vr.) - Doughnut
- Tree map
3. Chart
– graphical representation of
Correlation
facts in most basic forms
4. Diagram - Relations (income and life)
- Use to plan projects map out - Scatter plot (x and y)
process, determine root - Bubble graph
cause - Heat map
- Simplifies visual drawing - Column/line
5. Maps
Distribution
- Graphs use geographical
characteristics to easily - Population distribution
understand quantity through - Histogram
degree of colors for example - Box plot frequency

Flow

CHANGE OVERTIME - Flowchart

- Gun chart
- Line graphs
- Chord network
- Bar graph
- Stock bar Relationship
- Candle sticks
- Charts show multiple
- Horizon
items
- Waterfall
- Network chart
CATEGORY COMPARISON - Venn diagram

- Bar chart -------------------------------------------------

- Group bar ---
- Bubble
STYLE
- Parallel coordinate
- Custom style and shape that
Ranking
suits users need and context
- Ordered bar - Present data understandably
- Ordered column - Graphical elements
- Parallel coordinates

Pat-to-whole
VISUAL ENCODING
- TYPOGRAPHY
- Process of transforming data
- Texts – used to label charts,
into visuals
tables, etc.
- Highest/Largest: chart title
- SHAPE
- Lowest: data labels, legends
- depicts data or info that can
(varied on purpose)
be playful and curvilinear
- text weight: don’t bold
(curve yung dulo) but it
every text to add emphasis
should be precise because
on specific data
shape is important
- needs to be appropriate
- ICONOGRAPHY
- ex: customer feedback
- Use universally acceptable or
recognized icons
- COLOR
- Limits use of text
- Possess a meaning
- Strengthens data
- 1. Distinguished categories
visualization techniques
from one another
- Using different colors, we can
- LABELLED AXIS
distinguish difference in the
- Scale and scope of data
data into categories
displayed
- 2. Represents quantity
- Bar chart baseline starts
(lighter-lesser / darker-
always at zero
greater)
- Balance level in interval of
- 3. Highlights data
axis label in vertical and
- Area of focus (use neutral
horizontal lines
colors to other data and use
other color for the focus)
- TEXT ORIENTATION/LABEL
- 4. Indicate meaning (ex:
- Should not be rotated or
danger lever – red – orange –
vertically
green)
- Match the chart to be easily
- Accessibility (use high
understood by the reader
contrast shading for people
unable to comprehend
- LEGEND AND ANNOTATION
colors)
- Describe a chart information
- Highlights data points
- LINE
- 1-3 data label
- Use of bold lines and dash
lines to compare and show
- SMALL DISPLAY
periodical difference
- Zooms a specific part at the
lowest part with annotations
Bar chart VS Histrogram
to be easier to understand
- Use threshold lines when - Differs in use
there’s large intervals - Dikit-dikit ang histogram