Data Visualization Patterns
Bullet chart
Bullet chart is a bar chart with extended options and serves as an alternative to meters and gauges
Bullet charts are useful when it comes to visualizing and comparing the performance of a measure to a qualitative scale and to a target value.
They were developed by Stephen Few, who wanted to create the advanced chart that could serve as a replacement for meters and gauges. Traditional progress bars and thermometer charts had several issues that gauges and meters had: they commonly show too little data, there was too much distracting and pointless decorations and they required a lot of space.
They were developed by Stephen Few, who wanted to create the advanced chart that could serve as a replacement for meters and gauges. Traditional progress bars and thermometer charts had several issues that gauges and meters had: they commonly show too little data, there was too much distracting and pointless decorations and they required a lot of space.
So with the bullet chart, users have:
1) A bigger room for displaying the data (both horizontally and vertically)
2) More readable and informative data
3) Multiple measures to display
A bullet chart can contain one to three measures. The first one is called measure and is the actual value represented by the bar. The second is called the marker and it characterizes a target value which is represented by a vertical marker line. The third one is the range that characterizes a qualitative range which is shown behind the bar.
1) A bigger room for displaying the data (both horizontally and vertically)
2) More readable and informative data
3) Multiple measures to display
A bullet chart can contain one to three measures. The first one is called measure and is the actual value represented by the bar. The second is called the marker and it characterizes a target value which is represented by a vertical marker line. The third one is the range that characterizes a qualitative range which is shown behind the bar.
Bullet chart is a bar chart with extended options and serves as an alternative to meters and gauges
Candlesticks chart mostly used in a trading sphere to visualize and analyze the price movements
Cohort chart visualizes a group of subjects or users who share a common characteristic over time
Correlation chart represents the table that indicates the correlation coefficients between different sets of variables
Distribution plot is intended to compare the range and distribution for groups of numerical information
Hexagonal binning is an alternative technique to visualize distributions when working with large sets of data
Matrix chart can be utilized as a management planning tool to examine and show the connection between sets of information
Polar chart is great to plot cyclical information like hourly traffic to a website or the average monthly temperature, etc
Prediction matrix helps to build and test sophisticated predictions
Production chart as Gantt is a popular type of bar chart that displays a list of tasks or activities against time
Radar chart helps to compare multiple quantitative variables
Roadmap chart helps to indicate outcomes (metrics that reflect business achievements)
Sankey chart shows the flow and the relationships between two different elements
Scatter plot helps to display values from 2 variables by using points
Sunburst chart helps to visualize hierarchical data
Timeline chart displays a list of events in chronological order
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 |
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 & app development. Save costs and release faster!
For organizations