Design language for data visualizations

Img src: “ depictdatastudio.com

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 dataquest.io “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;

## PRINCIPLES

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

ACCURACY

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

HELPFUL

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.

SCALABLE

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

## TYPES

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

Part-to-whole

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

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

  1. material.io/design/communication/data-visua..
  2. dataquest.io/blog/design-tips-for-data-viz
  3. geckoboard.com/learn/data-literacy/data-vis..

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

Thanks for reading…

Originally published at https://technuggets.hashnode.dev.

--

--

--

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

Coronavirus (COVID-19) Deaths and Infection Rate

GA COVID-19 Report February 2, 2022

What does a charity’s administration costs say about how effective it is?

A labelling tool to easily extract and label Wikipedia data

How the large investment firms use NLP

Solving Business Problems with Analytics: Workload Evaluation (1.2)

Solving the Kaggle Telco Customer Churn challenge in minutes with AuDaS

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

Retention Optimization Dashboard

How to collect data from IMDb & explore it

Newbie or Lostie in Data?

Future of Data Analysis: Taking Visualizations to the Next Level