Streamline Data Visualization with 300+ Charts for Figma and React. Simply copy and paste designs and code to transform your data into stunning visuals in minutes.

Sleek charts crafted with a keen eye for UI intricacies

Unlock creativity with our charting library! Effortlessly customize charts using Figma variables, designed for seamless integration into both light and dark themes. Explore diverse chart categories with easy access to source code and examples in the Unify Viz repository – a treasure trove for chart enthusiasts!
Scaleable & Extensible
Figma file built to be flexible and scaleable. Code designed to handle complex data sets.
300 Charts and Counting
Over 300 chart combinations with 22 base charts all Figma and React components.
Figma Chart Builder Plugin
Our new Figma Plugin allows you to build charts directly inside Figma and insert them with layers!
Support & Updates
Recieve free monthly updates for 1 year. We also offer dedicated support for an additional fee.
Themeable
Includes light and dark mode with colors that can be easily customized and applied through the design token system.
Easy Mode: On!
Whether you are a veteran or just getting started, each chart contains the code to get you up and running fast.
Boost your productivity using the Unify Figma Plugin
Our new Figma plugin allows you to build charts directly in Figma. Simply select a chart type, paste your data, and customize the chart to your liking. The plugin will automatically generate the chart for you, saving you time and effort.
The plugin is currently in beta and is available to new and existing Figma Unify Viz customers. We are actively working on adding new features and chart types so stay tuned.
Figma Plugin Preview

Preview Unify Viz Charts

This package includes 300+ individual charts in 22 categories, with default color schemes suitable for light and dark themes. Easily customize the charts using Figma variables as design/color tokens.
32 Area Charts
50 Bar Charts
34 Line Charts
16 Pie Charts
22 Radial Area Charts
16 Radial Line Charts
20 Radial Bar Charts
12 Radial Gauge Charts
6 Radial Scatter Plots
12 Scatter Plots
6 Bubble Charts
10 Funnel Charts
8 Heatmap Charts
6 Gauge Charts
6 Map Charts
2 Meter Charts
4 Radar Charts
4 Sankey Charts
8 Sparklines
6 Treemaps
12 Venn Diagrams
24 Bar List Charts
32 Area Charts
50 Bar Charts
34 Line Charts
16 Pie Charts
22 Radial Area Charts
16 Radial Line Charts
20 Radial Bar Charts
12 Radial Gauge Charts
6 Radial Scatter Plots
12 Scatter Plots
6 Bubble Charts
10 Funnel Charts
8 Heatmap Charts
6 Gauge Charts
6 Map Charts
2 Meter Charts
4 Radar Charts
4 Sankey Charts
8 Sparklines
6 Treemaps
12 Venn Diagrams
24 Bar List Charts

Pricing

Buy once, use forever. Free updates for 1 year.
Personal
Aimed at individual users or small projects. This tier is more affordable but include limitations on usage, or a cap on the number of end products.
Business
Targeted towards professional, commercial, or larger scale projects. This tier is priced higher, reflecting its extended usage rights and number of end products.

FAQ

Do you design and build products?

Yes! The Good Code team specializes in designing and building custom digital products. Learn more about Good Code.

What's included in the package?

This package includes both design and code for all of our charts. Once you download the figma file every chart will be provided with a quick link to the code allowing for a streamline process of design to dev.

What are the charts built with?

The charts are built using our open source library Reaviz.

Do you support other frameworks like Vue?

At this time we only support React.

Do you offer support?

Yes, we offer two tiers of support to meet your needs.

What else do you have planned?

We dont have a official public roadmap yet, however, we plan to contiounally add new charts and features to the library on a monthly basis.

Are there any license restrictions?

Upon purchasing any listed products ("Item" or "File"), the purchaser is granted an ongoing, non-exclusive, worldwide license to use these files under the terms described herein.

You are licensed to use any purchased Item to create unlimited End Products for yourself or for your clients and the End Product may be sold, licensed, sub-licensed or freely distributed.

An end product is defined as a customized implementation of the Item. For example, the item is package of UI elements and the End Product is your unique finished web app design or mobile app.

Usage Rights
  • Licensees may use purchased Items to create unlimited End Products for personal, commercial, or client purposes. The End Product may be sold, licensed, sub-licensed, or distributed freely.
  • The licensee is allowed to modify, manipulate, or create derivative works from the Item.
  • Items can be combined with other works under this license.
  • The license is a 'multi-use' license, permitting usage across multiple projects.
  • The licensee may publish the Item within an internal team library for use by unlimited participants within the same organization.
Prohibited Uses
  • The licensee cannot share the Item link on the web or distribute it via publicly accessible platforms, including Figma public access.
  • Embedding Unify design files into the End Product without significant modification or integration is prohibited.
  • Redistribution of the Item as stock, within a tool or template, or with source files is strictly forbidden, whether the Item is alone, bundled with other items, or modified.
  • The licensee cannot redistribute or make the Item available as-is or with superficial modifications.
  • It is not permitted for an end user of the End Product to extract and use the Item separately from the End Product.
Attribution and Liability
  • Attribution to Unify is not required in any projects utilizing these Items.
  • Good Code is not liable for any outcomes that may occur during the course of usage of its resources.
  • This license pertains solely to Good Code’s digital works and does not extend to third-party resources that may be used in conjunction with these Items.