Design language for data visualizations

Img src: “

Topics discussed in this article.

  1. Introduction to data visualisations.
  2. Principles of data visualisation design
  3. Types of Data visualisations and tips.

Creating data visualizations for a presentation or just for practice only gets successful if your users understand what insights you are trying to bring to light.

Every business has a story to tell, and that can be conveyed through data visualizations, according to “data is only as helpful as it is understandable”.

Well, for most Data scientists, design is not at the forefront but creating effective charts and visualizations. Although most of the time, these visualizations end up as overdressed charts that confuse and disorient the users and audience.

Here are some design guidelines;


According to Material Design, data visualization depicts information in a graphical form and should follow these principles.


Data visualizations should be accurate, of high integrity and should have a clear meaning.


Data visualizations should help users understand the context of which a group of conditions exist, where and when something happens that emphasises exploration and comparison.


Data visualizations should be created to adapt to different screen sizes in order to accommodate user needs on data dept, complexity and modality.


Data visualisations can be expressed in different forms. Charts (or graphs) are the most popular way of visualising data.

Trend and over-time charts These charts show the trends and comparisons of data across multiple categories over a period of time.

These charts include:

  1. Line charts
  2. Bar charts
  3. Stacked bar charts
  4. Candlestick charts
  5. Area charts
  6. Timelines
  7. Horizon charts
  8. Waterfall charts

Use cases:

  1. Health statistics.
  2. Stock price performance,
  3. Educational statistics.
  4. Chronologies.

nuggets: Bar charts are very easy to read because they basically allow our eyes to simply compare the relative heights of the bars. For users to draw meaningful conclusions from a bar chart, it has to be presented in full and start from a vertical axis of zero.

Categories comparison: These charts compare data between multiple, varying and distinct elements.

Category comparison charts include:

  1. Bar charts
  2. Grouped bar charts
  3. Bubble charts
  4. Multi-line charts
  5. Parallel coordinate charts
  6. Bullet charts


These show how partial elements add up to a whole.

Use cases:

  1. Analyzing sales of Items of a quarter.
  2. Survey results.
  3. Budgets.
  4. Consolidated revenue of product categories.

Part-to-whole charts include:

  1. Stacked bar charts
  2. Pie charts
  3. Doughnut charts
  4. Stacked area charts
  5. Treemap charts
  6. Sunburst charts

nuggets: Pie charts summarise the individual relationships among elements as a whole. This can be visualized using angles or arcs within a circle.

Ranking This shows the positions of items in a list.

Use cases include:

  1. Election and poll results
  2. Performance statistics

Ranking charts include:

  1. Ordered bar charts
  2. Ordered column charts
  3. Parallel coordinate charts


Correlation charts are mostly used for showing and summarising the association between two variables.

correlation charts include:

  1. Scatterplot charts
  2. Bubble charts
  3. Column and line charts
  4. Heatmap charts.

nuggets: Heat maps are perfect for representing defined boundaries in a dataset.


Alright Phew!

More data visualisation guidelines and resources used in this article can be found at


Also, feel free to add more guidelines to the list in the comments.

Thanks for reading…

Originally published at




UX Designer | Front-end web developer | Tech community builder | Budding Digital artist .

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

Recommended from Medium

Clustering Puerto Rico’s Earthquakes with K-Means

How Russia’s World Cup Ad Took It to a New Level

Statistics: Central limit theorem

5 random but interesting PyTorch functions worth to know

From Elo to TrueSkill — a journey in the world of ranking systems (Part I)

Are Power BI and Tableau Similar?

Dash on GCP — Part 2

Probability Basics for Data Science

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
Princess Oviawe

Princess Oviawe

UX Designer | Front-end web developer | Tech community builder | Budding Digital artist .

More from Medium

How Does a Bike-Share Navigate Speedy Success?

Covid-19 data retrieval and visualizations

Coronavirus in the U.S.: New cases, hospitalizations and deaths

Project 4: Data Visualization

2020 United States Presidential Election Analysis Using Tableau