Data visualization is a powerful form of communication that transforms dense and complex information into engaging and understandable graphical representations. By portraying data in a visual format, users can easily compare information, identify patterns, and gain valuable insights to support decision-making processes.

This system (template) is designed to help visual designers create consistent, aesthetically pleasing, and effective data visualizations for dashboards and insights pages. By adhering to the guidelines outlined in this resource, designers can ensure that their charts and graphs align with industry best practices and proven design principles.

This system (template) is designed to help visual designers create consistent, aesthetically pleasing, and effective data visualizations for dashboards and insights pages. By adhering to the guidelines outlined in this resource, designers can ensure that their charts and graphs align with industry best practices and proven design principles.

Name

Description

Area

By default, an area chart displays the series overlapping one another. However, you can choose to stack the series on top of each other instead. In this case, the data values at each point on the x-axis are summed. In a stacked area chart, the value for each series is always relative to the value of the preceding series. When stacking a combination of negative and positive values, the areas will overlap.

Bar

A bar chart, also known as a bar graph, is a type of chart that presents categorical data using rectangular bars. The heights or lengths of these bars are proportional to the values they represent. The bars can be oriented either vertically or horizontally, depending on the layout of the chart.

Bubble

A bubble chart is a type of chart that displays three dimensions of data. Each entity with its triplet (v1, v2, v3) of associated data is plotted as a disk, where two of the values (v1 and v2) are expressed through the disk's position on the x and y axes, and the third value (v3) is represented by the size of the disk.

Calendar

A calendar chart is a visualization used to display activity over an extended period, such as months or years. This type of chart is particularly useful when you want to illustrate how a quantity varies based on the day of the week or how it trends over time.

Candlestick

A candlestick chart is used to display the opening and closing prices of a security, along with the high and low prices reached during a specific period, typically one day.

Cohort

Cohort analysis is a subset of behavioral analytics that takes the data from a given dataset and breaks it down into related groups for analysis, rather than considering all users as a single unit.

Column

A column chart is a graphic representation of data. Column charts display vertical bars going across the chart horizontally, with the values axis being displayed on the left side of the chart.

Distribution

A distribution plot is a useful tool for comparing the range and distribution of numerical data across different groups. This type of plot effectively visualizes how data is distributed but is not suitable for detailed analysis, as it only provides a summary of the data distribution.

Donut

A doughnut chart is used to display the relationship between parts and a whole. Unlike a pie chart, a doughnut chart can contain multiple data series, with each series represented as a ring in the chart. The first data series appears in the center of the chart, while subsequent series are added as concentric rings around the center.

Dot plot

A Dot plot is a versatile and straightforward way to visualize data, offering clear insights into the distribution and comparison of values across different groups or categories. Their simplicity and clarity can be particularly valuable in exploratory data analysis, educational settings, and any situation where individual data points and their distribution are of interest.

Histogram

A histogram is an accurate representation of the distribution of numerical data. It serves as an estimate of the probability distribution of a continuous, quantitative variable.

Line

A line chart, also known as a line graph, is a type of chart that displays information as a series of data points called 'markers' connected by straight line segments.

Radar

A Radar chart combines a traditional pie chart with a modified polar area chart, allowing for the comparison of two sets of related data. The base pie chart represents the first dataset in the usual way, with varying slice sizes corresponding to the proportions of the data.

Tree

Node trees represent data in a hierarchical manner, which is intuitive for modeling many real-world scenarios, such as organizational structures, file systems, and more.