Visa Chart Components

VCC Overview

Components Resources

GitHub

Components

@visa/bar-chart
@visa/clustered-bar-chart
@visa/stacked-bar-chart
@visa/line-chart
@visa/scatter-plot
@visa/circle-packing
@visa/alluvial-diagram
@visa/parallel-plot
@visa/dumbbell-plot
@visa/world-map
@visa/pie-chart
@visa/heat-map

Bundles

@visa/charts
@visa/charts-react
@visa/charts-angular
@visa/charts-R
@visa/charts-python

Also, don't miss out on our utilities and unit tests.

@visa/charts-react

A demonstration image of visa chart components containing a circle pack dumbbell plot and clustered bar chart.

Installation Steps

Using NPM:

$ npm i @visa/charts-react

Using Yarn:

$ yarn add @visa/charts-react

View API on GitHub

These materials are intended for illustrative purposes only. They should not be relied upon for marketing, legal, tax, financial, regulatory or other advice. Any links to third party sites are for your information only and do not constitute endorsement by or affiliation with Visa. Visa has no insight into and/or control over third party content and code and disclaims all liability for any such components. Visa Chart Components code snippets printed on this page are licensed under the MIT license.