80 types of charts & graphs for data visualization (with examples)

We divided the charts below into six categories that vary per use case.

1. Comparison

Bar chart

Alternative name: Bar graph

English breakfast nutrition facts — An example of a bar chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Column chart

Alternative names: Column graph, Vertical bar chart

Top 15 World Tallest Buildings — An example of a column chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Grouped bar/column chart

Alternative names: Paired bar/column chart, Clustered bar/column chart

Top 5 social media score — An example of a grouped bar/column chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Lollipop chart

Alternative name: Lollipop plot

Top 10 Candy Matchup Winners — An example of a lollipop chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Bullet chart

Alternative name: Bullet graph

Seasonal water consumption — An example of a bullet chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Dot plot

Alternative name: Dot chart

Xerneas is the fastest fairy Pokemon — An example of a dot plot designed with Datylon.
Edit & customize this chart design with Datylon chart maker

Dumbbell

Alternative names: Dumbbell plot, Dumbbell chart, Connected dot plot, Dumbbell dot plot, DNA chart, Barbell chart

Changes in number of researchers — An example of a dumbbell designed with Datylon.
Edit & customize this design with Datylon chart maker

Pictogram

Alternative names: Pictorial chart, Proportional unit chart, Picture graph

Setting of Interventions — An example of a pictogram designed with Datylon.
Edit & customize this design with Datylon chart maker

Icon chart

Alternative name: Proportional area chart

Top 10 lakes by area & depth — An example of an icon chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Range plot

Alternative name: Range chart

New York City average temperatures range — An example of a range plot designed with Datylon.
Edit & customize this design with Datylon chart maker

Radial bar chart

Alternative name: Circular bar chart

Parallel coordinates

Alternative names: Parallel plot, Parallel coordinates plot

Movies ratings — An example of a parallel coordinates designed with Datylon.
Edit & customize this design with Datylon chart maker

Radar chart

Alternative names: Spider chart, Spider graph, Web chart, Spider web chart, Star chart, Star plot, Cobweb chart, Irregular polygon, Kiviat diagram

Nightingale chart

Alternative names: Nightingale’s graph, Nightingale rose chart, Rose diagram, Coxcomb chart, Polar area chart

Edit & customize this design with Datylon chart maker

Waterfall chart

Alternative names: Flying bricks chart, Mario chart, Bridge chart, Cascade chart

Investment portfolio monitoring — An example of a waterfall chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Matrix chart

Alternative name: Matrix diagram

Football team game plan — An example of a Matrix chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Small multiples

Alternative name: Trellis chart, Lattice chart, Panel chart

Big Mac Index — An example of a small multiples designed with Datylon.
Edit & customize this design with Datylon chart maker

Word cloud

Alternative name: Tag cloud, word collage, wordle

An example of a word cloud.

Slope chart

Alternative name: Slopegraph

Changes in total investment % of GDP from 2011 to 2019 — An example of a slope chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Table chart

English Premier League 2021/22 final table - An example of a table chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Categorical scatter plot

Frequency of top tablet activities by top locations — An example of a categorical scatter plot designed with Datylon.
Edit & customize this design with Datylon chart maker

Quadrant chart

Alternative names: matrix diagram, matrix chart, 4-quadrant matrix chart

Scoring efficiency of NBA 2021–22 regular season players — An example of a quadrant chart designed with Datylon.
Edit & customize this design with Datylon chart maker

2. Correlation (relational)

Heatmap

Alternative names: Heat map, Heat table, Density table

In summer, temperatures at the North Pole can reach over 20°C — An example of a heatmap designed with Datylon.
Edit & customize this design with Datylon chart maker

Bubble chart

Alternative name: Bubble plot

Correlation of happiness score and GDP per capita — An example of a bubble chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Scatter plot

Alternative names: Scatterplot, Scatter chart, Scattergram, Scatter diagram, Scatter graph

Edit & customize this design with Datylon chart maker

Connected scatter plot

Australia’s inflation-unemployment curve in 1970–2020 — An example of a connected scatter plot designed with Datylon.
Edit & customize this design with Datylon chart maker

Hexagonal binning

Alternative names: hexagonal plot, hexagonal bin plot

Contour plot

A contour plot allows you to visualize three-dimensional data in a two-dimensional plot/plane. Contour plots are typically used in cartography, as their contour lines can nicely indicate elevations. But they can also be used in meteorology, astrology, and similar scientific fields, where the contour lines would represent density or temperature.

3. Part-to-whole & hierarchical

Stacked bar chart & stacked column chart

Companies that get results use many best practices — An example of a stacked bar/column chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Diverging (stacked) bar/column chart

Electric Pokemons’ Skill Rating — An example of a diverging (stacked) bar/column chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Population pyramid

Alternative names: Age-sex pyramid, Age structure diagram

Population pyramid of every continent — An example of a population pyramid designed with Datylon.
Edit & customize this design with Datylon chart maker

Icon array

Alternative name: Pictograph

Which season do Americans prefer? — An example of an icon array designed with Datylon.
Edit & customize this design with Datylon chart maker

Waffle chart

Alternative names: Square pie chart, Square area chart, Gridplot

Dogs vs Cats in American households — An example of a waffle chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Pie chart

Alternative names: Pie graph, Pizza chart, Circle chart

Agriculture, Industry and Service as a part of countries GDP — An example of a pie chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Donut chart

Alternative names: Doughnut chart

12 bears donut chart — An example of a donut chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Semicircle donut chart

Alternative name: Half moon chart, Half donut chart, Semi-circle doughnut chart

Breads & Cereals calories per 100 grams — An example of a semicircle donut chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Marimekko chart

Alternative names: Mekko chart, Mosaic chart, Mosaic plot

Annual salaries of NBA semi-final teams - An example of a Marimekko chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Treemap

Distribution of the six biomes on Earth — An example of a treemap designed with Datylon.
Edit & customize this design with Datylon chart maker

Circular treemap

Alternative name: Circular packing, Circle packing

Convex treemap

Alternative names: Voronoi treemap, Polygonal partition

Dendrogram

Alternative name: Phylogenetic tree

Venn diagram

Alternative name: Set diagram, Logic diagram

Euler diagram

Euler diagrams are very similar to Venn diagrams, so it’s not surprising that people may occasionally confuse the two. The main difference is that the Euler diagram (which is pronounced Oy-ler) will omit a set if no relationship exists. What does it mean? A Venn diagram shows all possible logical relationships between a collection of sets, while an Euler diagram will only show the relationships that actually exist in real world. If you’re curious to understand it better, we recommend this article that explains the difference between both charts.

Circular gauge

Alternative names: Angular gauge, Radial gauge chart

Sunburst chart

Alternative names: Multi-level pie chart, Multilayer pie chart, Sunburst graph, Ring chart, Radial treemap

The instrumentation of the Early Romantic orchestra — An example of a Sunburst chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Pyramid chart & Funnel chart

Alternative name: Triangle chart

Edit & customize this design with Datylon chart maker

4. Data over time (temporal)

Area chart

Edit & customize this design with Datylon chart maker

Stacked area chart

Alternative name: Stacked area graph

Area chart tutorial video — An example of a stacked area chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Stream graph

Alternative names: Streamgraph, ThemeRiver

Evolution of baby names in US — An example of a stream graph designed with Datylon.
Edit & customize this design with Datylon chart maker

Bump chart

Biathlon mass start race — An example of a bump chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Bump area chart

A bump area chart (or an area bump chart) is a variation of a bump chart that instead of only displaying the ranking over time also shows the values on the y-axis. This helps in visualizing the number of different categories over time and their ranking. If you were to compare this chart to a stream graph, they’re actually visually not so far from each other. However, a bump area chart sorts the categories based on their ranking. So in other words, a bump area chart shows both magnitude and rank. And it’s also a stunning chart.

Line chart

Alternative names: Line graph, Line plot

Women in national parliaments and governments in EU — An example of a line chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Spline chart

Alternative names: Spline graph, Curve chart

Daily sales — An example of a spline chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Step line chart

Alternative names: Step chart, Stepped line graph

Where did Manchester City finish? — An example of a step line chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Candlestick chart

Alternative name: Japanese candlestick chart

Japanese Candlestick chart — An example of a candlestick graph designed with Datylon.

Gannt chart

All-NBA first team players and regular season MVPs of the 21st century - An example of a Gantt chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Barcode chart

The history of a barcode - An example of a barcode chart designed with Datylon.
Edit & customize this design with Datylon chart maker

OHLC chart

The OHLC chart’s name stands for Open-High-Low-Close Chart. This type of chart is nearly exclusively used in the financial sector. It helps visualize price changes over time, typically in a trading stock market.

5. Distribution

Density plot

Alternative names: Kernel density plot, Density trace graph

Top 5 drivers points finish frequency — An example of a density plot designed with Datylon.
Edit & customize this design with Datylon chart maker

Ridgeline plot

Alternative names: Joy plot, Joyplot

Successive pulses from the pulsar PRS B1919+21 — An example of a ridgeline plot designed with Datylon.
Edit & customize this design with Datylon chart maker

Horizon chart

The horizon chart is for some an unfamiliar chart. Though, it is definitely worth getting to know this type of chart. When you are dealing with a lot of categories and you want to make efficient use of space, this chart is the way to go. It is perfect to show time series data on the horizontal axis and with colored bands, the values are represented on the vertical axis. The use of colored bands makes it possible to show great precision of the values.

Histogram

Alternative names: Frequency distribution graph, Frequency distribution chart

Seasons in New York City - An example of a histogram designed with Datylon.
Edit & customize this design with Datylon chart maker

Radial histogram

Alternative names: Angular histogram, Circular histogram, Polar histogram

Radial chart yearly data — An example of a radial histogram designed with Datylon.
Edit & customize this design with Datylon chart maker

Strip plot

Alternative names: Individual value plot, Single-axis scatter plot

The top 10 most populated cities on each continent — An example of a strip plot designed with Datylon.
Edit & customize this design with Datylon chart maker

Jitter plot

Alternative names: Jittered strip plot, Jittered individual value plot

The highest-grossing movies of the 21st century — An example of a jitter plot designed with Datylon.
Edit & customize this design with Datylon chart maker

One dimensional heatmap

The fastest times of the Boston Marathon — An example of a one dimensional heatmap designed with Datylon.
Edit & customize this design with Datylon chart maker

Beeswarm chart

Alternative name: Swarm plot

Box chart

Alternative names: Box plot, Boxplot, Box-and-whisker plot/chart, Whisker plot

World Happiness Report Score — An example of a box chart designed with Datylon.
Edit & customize this design with Datylon chart maker

Violin plot

A box chart (above) can be useful for comparing summary statistics (such as range and quartiles), but it doesn’t let you see variations in the data — unlike a violin plot. This type of chart is a hybrid of a box plot and a density plot. Thanks to this, a violin plot depicts distributions of numeric data for one or more groups using density curves. Of course, visually, it resembles a violin, hence its name.

6. Geospatial & other charts

Geographic heatmap

Alternative names: hot spot map, geo heat map, density heatmap

Choropleth map

A choropleth map is a type of map in which different administrative areas are colored (or shaded) according to the magnitude of their numeric value. The main difference between a choropleth map and a geographic heatmap is that a choropleth map uses border-defined areas, such as countries, states, or neighborhoods. A common example of the use of choropleth maps can be a visualization of population density.

Tile map

US median household income — An example of a tile map designed with Datylon.
Edit & customize this design with Datylon chart maker

Chord diagram

A chord diagram is used for showing the structure of paired connections between the instances of the same level. Every instance is represented by an arc. Every connection is shown as a band with various start and end widths which depicts differences in input and output. Common examples of chord diagrams vary from international trade flows to text and script analysis.

Arc diagram

An arc diagram in its essence is similar to a chord diagram. While the chord diagram focuses mostly on the quantitative aspect of the connection, the arc diagram is more focused on the existence of the link. The arc diagram shows the connections between points that are placed on the line axis with the arcs. Arcs could be placed on both sides of the axis showing the different aspects of the connection. Although the focus of the arc diagram is to show the existence of the connection it can also be used to show the quantitative aspect of the connection using the thickness of the arc.

Sankey

A Sankey diagram is a type of visualization that allows you to display flows from one set of values to another. It shows entities that represent the values and connects them by links, or flows. Each flow has a varying height, which depends on its quantity. They can also differ in colors. For this reason, it’s really common to use Sankey diagrams in visualizing supply chains, engineering and production processes, energy efficiency, etc. A known example is Google Analytics, which uses Sankey to depict the customer journey between pages of a website., The disadvantage of using this otherwise really beautiful graph is that inexperienced users will find it difficult to digest this visualization. Sankey diagrams are very often also called Alluvial diagrams. For an untrained eye, they will indeed appear to be the same chart. There is, however, a bit of a difference between the two. If you’re interested in learning more, we found this post quite a nice resource.

Network diagram

Alternative names: Network graph, Network mapping, Network visualization

Flowchart

A flowchart is a visualization of a workflow. It’s a diagram that depicts subsequent steps in the process. In other words, it shows what steps need to be followed to complete an action. A flowchart uses connecting lines and arrows to allow viewers to follow the process. It has many organizational use cases and can be a good tool to map out the customer journey, and step-by-step instructions. It’s also popular in project management.

Charts in Illustrator

As mentioned at the beginning, many of the charts and graphs listed in this post can be made with Datylon. Currently, we offer 120+ chart templates in our Chart Library. You can sign up for free and try it for yourself. If you want to see how to get started with our free web app, check this article and a video.

With Datylon for Illustrator, you get full freedom of chart design. It’s a chart maker plug-in for Adobe Illustrator with extraordinary features that will help you make the most captivating chart design! Hey, did anyone say fully resizable charts?

--

--

Supercharge your chart design with fully customizable charts and advanced styling options, online and in Illustrator.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Datylon

Datylon

Supercharge your chart design with fully customizable charts and advanced styling options, online and in Illustrator.