Data Visualization Patterns

Sunburst chart

A Sunburst Diagram helps to visualize hierarchical data

The Sunburst diagram is a visualization tool for the analysis of any data: sales, purchases, inventories. It allows visualizing a huge amount of hierarchical data by the series of rings, sliced up for each category. Each ring relates to a level in the hierarchy, with the focal circle playing the role of the root node and the hierarchy moving outwards from it.

Rings are divided with respect to their hierarchical relationship to the parent. The angle of every slice is either divided equally within its parent slice or is proportional to a value.

Coloring helps to categorize or highlight multiple levels.

A section of the internal circle is hierarchically related to those areas of the external circle which exist within the angular sweep of the parent area.

If there is no hierarchical data, a sunburst diagram looks like a doughnut chart. Nevertheless, a sunburst chart with hierarchical groupings displays how the outer rings relate to the inner rings.

Bullet

Bullet chart is a bar chart with extended options and serves as an alternative to meters and gauges

candlestick chart ui design Figma template

Candlesticks

Candlesticks chart mostly used in a trading sphere to visualize and analyze the price movements

Cohort

Cohort chart visualizes a group of subjects or users who share a common characteristic over time

Correlation

Correlation chart represents the table that indicates the correlation coefficients between different sets of variables

Distribution Plot

Distribution plot is intended to compare the range and distribution for groups of numerical information

Hexbin

Hexagonal binning is an alternative technique to visualize distributions when working with large sets of data

Matrix

Matrix chart can be utilized as a management planning tool to examine and show the connection between sets of information

Polar

Polar chart is great to plot cyclical information like hourly traffic to a website or the average monthly temperature, etc

Prediction

Prediction matrix helps to build and test sophisticated predictions

Production

Production chart as Gantt is a popular type of bar chart that displays a list of tasks or activities against time

Radar

Radar chart helps to compare multiple quantitative variables

Roadmap

Roadmap chart helps to indicate outcomes (metrics that reflect business achievements)

Sankey

Sankey chart shows the flow and the relationships between two different elements

Scatter Plot

Scatter plot helps to display values from 2 variables by using points

Sunburst

Sunburst chart helps to visualize hierarchical data

Timeline

Timeline chart displays a list of events in chronological order

Treemap

Treemap chart is a space-efficient and more compact method for showing hierarchies

Get started⚡

Pay once & use forever this well-crafted Figma Charts UI kit to visualise the data 3x faster.

Figma Charts UI kit

$168

Components-driven graphs design kit for dashboards, presentations, infographics & data visualisation. Includes 25+ charts types for all the viewports. Preview in Figma →

Buy Now

Try before buy

FREE

Lite version contains basic charts widgets and image previews to represent capabilities of full chart templates.

Duplicate

Stop creating from scratch the same UI items. Use our Figma templates to skip a pixel routine