Visa Product Design System

Note: Our guidelines currently only include these charts: bar chart, dumbbell plot, line chart, and heatmap. Generate charts directly in your design files with exportable code using our Figma plugin (internal only).

Explore Visa Charts Playground (internal only), a rapid prototyping workspace for data visualization. Browse our full library of 30+ chart patterns, customize datasets, and seamlessly transition from concept to code.

Correlation Deviation Ranking Trend

Bar chart

Chart that uses rectangular bars to represent and compare values across different categories or groups.

Dumbbell plot

Chart comparing the difference between two related variables across multiple categories or date periods.

Heatmap

Chart where each cell shows the value of a category pairing, highlighting the most and least common combinations.

Line chart

Chart showing points connected by line segments, used to represent how a number changes over time.