Data

Type
Viz of
Analysis

Mode
of
Presentation
https://github.com/Financial-Times/chart-doctor/blob/main/visual-vocabulary
 Bar Chart
• Bar charts should be leveraged as they are
common, as this means less of a learning
curve for audience
• Generally, the bars should be wider than
the white space between the bars
• Bars should not be so wide that audience
compare areas instead of lengths.
• Horizontal Bar chart is extremely easy to
read

Radial Bar
 Stacked Bar
Chart
• Used to compare totals across
categories and also see the
subcomponent pieces within a
given category
• Length along Non-Aligned axis
• Stacked horizontal bar chart
• Can be structured to show either
absolute values or sum to 100%.
• Works well for visualizing survey
data collected along a Likert scale

100% stacked horizontal bar chart

 Waterfall
Chart
• The waterfall chart can be used to pull
apart the pieces of a stacked bar chart to
focus on one at a time,
• Used to show a starting point, increases
and decreases, and the resulting ending
point.
• A waterfall chart is a specific type of bar
chart that reveals the story behind the
net change in something’s value between
two points.
• Instead of just showing a beginning
value in one bar and an ending value in a
second bar, a waterfall chart dis- https://www.storytellingwithdata.com/chart-guide

aggregates all of the unique components

that contributed to that net change, and
visualizes them individually.
 Histogram
• Histograms visualize quantitative data or
numerical data, whereas bar charts
display categorical variables
 Area Chart

• Combines a line chart and a

bar chart to show changes
in quantities over time
 Line Graph

• Used to display quantitative values over

a continuous interval or time period.

• Frequently used to show trends and

analyse how the data has changed over
time.
 Slopegraph

• A slopegraph looks like a line graph, but with an

important difference: there are only two data points for
each line.

• Used to compare two categorical variables

• Used to compare the value in the first column to value in

the second column?

• That change is easy to see depending on the slope; the

lines will slope up or down, in the direction of the change.

https://www.storytellingwithdata.com/chart-guide
 Scatter
Plot
• A scatterplot shows the relationship
between two numerical variables plotted
simultaneously along both the horizontal
and vertical axis.

https://www.storytellingwithdata.com/chart-guide
 Bubble Chart
• Extension of a scatterplot
• Commonly used to visualize
relationships between three or more
numeric variables
• Each bubble in a chart represents a
single data point.
• The values for each bubble are
encoded by :
• Its horizontal position on the x-axis
• Its vertical position on the y-axis, and 3) the
size of the bubble.
• Sometimes, the color of the bubble or its
movement in animation can represent more
dimensions.
 Radar Chart

• Shows multivariate data of

three or more quantitative
variables mapped onto an
axis.

• It looks like a spider's web,

with a central axis that has at
least three spokes, called
radii, coming from it.

• On these spokes, the values

for the data are mapped.
Radar
Chart
 Spider /
Radar Chart
• Used when you want to
display data across several
unique dimensions.

• Dimensions are usually

quantitative, and typically
range from zero to a
maximum value.

• Use polar coordinates.

https://www.storytellingwithdata.com/chart-guide
 Tree Map

• Used to visualise large amount of data—

with multiple levels

• Uses a series of nested rectangles, sized

proportionally to the corresponding data
value, to deliver an organised and multi-
level view into any hierarchical data set.
 Sunburst
Chart

• The sunburst chart is ideal for displaying

hierarchical data.
• Each level of the hierarchy is represented by
one ring or circle with the innermost circle as
the top of the hierarchy.
• A sunburst chart without any hierarchical data
(one level of categories), looks similar to a
doughnut chart.
 Cost of Living in Indian Cities
Pie

• The human eye isn’t good at

ascribing quantitative value to
two‐dimensional space. Mumbai New Delhi Chennai Bangalore Hyderbad Pune Kolkata

• pie charts are hard for people to

read.
• Angles and Areas
• With doughnuts its Arc length Cost of Living in Indian Cities

Mumbai New Delhi Chennai Bangalore Hyderbad Pune Kolkata

 Donut Chart

Shows the proportions of

categorical data where the
size of each piece of the
donut communicates the
proportion of each
category.
Waffle Chart

• Often consist of a 10x10 grid

containing 100 individual
squares.
• The squares are then coloured
based on the data that's being
visualised.
• The chart gets its food-based
name from its resemblance to a
waffle.
 Lollipop Chart

A lollipop chart is a
more visually appealing
variation of a bar chart

The bar is replaced with

a thin line and a circle
at the end of it, making
it resemble a lollipop.
 Choropleth

Choropleth maps provide an

easy way to visualize how a
variable varies across a
geographic area
 Chord
Diagram
• Displays inter-relationships between
data radially around a circle.

• It represents flows or connections

between several entities (called nodes)
with the relationships between the
nodes typically drawn as arcs
connecting the data

• Online Generator
http://www.datasmith.org/2018/06/02/a-
bold-chord-diagram-generator/

Synthetic Immigration Data

https://www.fusioncharts.com/charts/chord-diagram/simple-chord-diagram?framework=javascript
 Mapping the Interconnections Between SDGs

Chord
Diagram
 Mapping the Interconnections Between SDGs

Arc
Diagram
Sankey Diagram

• A graphic illustration of
flows - like energy,
material or money -
where they can be
combined, split and
traced through a series
of events or stages

• Used to represent the

flow of quantities (such
as energy, materials or
costs) through a system.
Sankey Diagram

• A graphic illustration of
flows - like energy,
material or money -
where they can be
combined, split and
traced through a series
of events or stages

• Used to represent the

flow of quantities (such
as energy, materials or
costs) through a system.
Sankey Diagram

• A graphic illustration of
flows - like energy,
material or money -
where they can be
combined, split and
traced through a series
of events or stages

• Used to represent the

flow of quantities (such
as energy, materials or
costs) through a system.
Alluvial Diagram
• Flow diagram showing changes in
group composition between
category fields.
• Usually represents changes in
network structure over time.
• The thickness of each stream or
link shows its proportional value.
• Primarily used to show changes in
data composition over time or
between different stages or
categories.
Alluvial
Diagram
Alluvial
Diagram
Alluvial
Diagram
 Linear
DendoGram
Sankey Diagram
Vs
Alluvial Diagram
Vs
Chord
????
Pair Plot
Word Cloud Sunburst Chart Geo Map

Heat Map
 Visualizing
Time Variant
Data
 Time Series Data
• Sequence of data points collected or recorded at successive points
in time, typically at uniform intervals.
• Used to analyze trends, patterns and fluctuations over time.
• Examples of time series data:
• Daily stock prices
• Monthly sales figures
• Hourly temperature readings
• Annual population figures
 Time Series Data
• Time series data is a sequence of data points collected or recorded
at successive points in time, typically at uniform intervals.
• This type of data is used to analyze trends, patterns and
fluctuations over time.
• Examples of time series data include:
• Daily stock prices
• Monthly sales figures
• Hourly temperature readings
• Annual population figures

Line Plot
Basic Line
Plot
Area Plot
Line Graph
+
Area Plot

https://stephanieevergreen.com/ways-to-show-change-over-time/
Beeswarm
Plot
Slope
Graph
Stream
Graph
Bump
Chart
Bump
Chart
Horizon
Graph
Matrix
Plot

Close
Matrix
Plot

Volume
 Parallel
Co-ordinates

Close
 Parallel
Co-ordinates

Apple
Close
Heat
Matrix
Violin
Plot

Close
Radar
Plot

Close
Heat
Matrix
Heat
Matrix
 Tracking Stock Performance Close and _ Volume
_____

Dual Axis
Plot
 Tracking Stock Performance : Yearly Average of Close Price and Volume

Dual Axis
Plot
Raw Graphs
https://www.rawgraphs.io/

Flourish
https://flourish.studio/
Datawrapper
https://www.datawrapper.de/