Data Visualization Patterns

Prediction chart

Prediction matrix helps to build and test sophisticated predictions

Prediction itself is the process of calculating the likelihood of distribution over one or more variables whose values we are interested in, given the data we have about other variables. And the Prediction matrix assists with creating and testing predictions of how different events are expected to prompt a specific result.

It builds up a model of how a project functions. This model would then be used to create a predicted result, which would then be compared with a known (or planned) result.

In our example, this is reflected in the following: the higher the number in the cell, the more intense is its opacity, and therefore the probability for those values to which this cell corresponds in x and y axes will be the highest. But, bear in mind, that the explanations for x and y axes are already arbitrary, because it depends on the user.

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

Use this chart template in Figma

Graphs UI kit for Figma which makes ultra easy for designers, developers and engineers to visualize a data with confidence. Contains most common data visualization patterns from simple bar charts, to complicated heatmaps and financial candlesticks.

Presentation · Templates · Pricing · Preview

Get started

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

Made for designers

Our Figma components help to make beautiful apps. Get better at UX and hi-fi prototyping

For developers

Teams get more consistent in design & development. Save costs and release products faster!

For organizations