Make impactful Figma data visualization with Hyper Charts UI kit
Transform your data into captivating visuals with Figma's latest chart templates. Our UI kit boasts dozens of stunning data visualization samples.


1000+ of editable graphs in blocks
Hyper Charts are easy to use and can be easily adjusted to fit your needs

Scalable charts for any device
Apply for dashboards, plug into presentations, supercharge mobile apps

Created with a focus on UI details
Meticulously crafted graphs, designed with a keen eye for UI details

Dark theme is considered
All the chart cards styled in Dark mode for visual consistency
Preview full Hyper Charts

Line Charts

Bar Charts

Stepped Line Charts

Pie Charts

Scatter Charts

Candlestick Charts

Radial Histograms

Radial Convergences

Dumbbell Plots

Parallel Coordinates

Bubble Charts

Bullet Graphs

Tree Charts

Sunburst Charts

Radar Charts

Heatmap Charts

Funnel Charts

Sankey Charts

Treemaps

Calendars

3D Charts
Full sections of charts

3D Charts

Bar Charts

Bubble Charts

Bullet Graphs

Candlesticks

Dumbbell Plots

Heatmaps

Funnel Charts

Line Charts

Parallel Coordinates

Pie Charts

Radar Charts

Radial Convergences

Radial Histogram

Sankey Charts

Scatter Charts

Stepped Line Graphs

Tree Charts

Treemaps
Cool graphs created with a focus on UI details Our aim on UI detalization guarantees well-designed and easy-to-use graphs that look great on any device. Supercharge your user experience and boost engagement with our Hyper Charts today! Line Chart Bar Chart 3D Chart Funnel Chart Radar Chart Full sections of charts Discover the ultimate solution for your charting needs – Hyper Charts! Choose from a wide range of pre-designed graphs and personalize to your exact specifications. Enhance the look and functionality of your digital product while also developing your UI skills. 3D Charts { "items": [ { "_id": "6579e96e09f09062f99e640f", "origFileName": "1.png", "fileName": "1.png", "fileSize": 151871, "height": 1159, "url": "../images/1.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Bar Charts { "items": [ { "_id": "6579e96e8457e2e4c5c62f19", "origFileName": "2.png", "fileName": "2.png", "fileSize": 1401048, "height": 5110, "url": "../images/2.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Bubble Charts { "items": [ { "_id": "6579e96e2d5ac16a3e9d2085", "origFileName": "3.png", "fileName": "3.png", "fileSize": 331105, "height": 2533, "url": "../images/3.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Bullet Graphs { "items": [ { "_id": "6579e96ec9d4fa1165a85f65", "origFileName": "4.png", "fileName": "4.png", "fileSize": 152462, "height": 2200, "url": "../images/4.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Candlesticks { "items": [ { "_id": "6579e96eec7a2428fed6e4af", "origFileName": "5CANDLESTICK-min.png", "fileName": "5CANDLESTICK-min.png", "fileSize": 803760, "height": 3032, "url": "../images/5CANDLESTICK-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Dumbbell Plots { "items": [ { "_id": "6579e9dc8a8a99be5344537c", "origFileName": "6DUMBBELL_PLOT-min.png", "fileName": "6DUMBBELL_PLOT-min.png", "fileSize": 401795, "height": 2593, "url": "../images/6DUMBBELL_PLOT-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Heatmaps { "items": [ { "_id": "6579e9dd36df5e507246eaf2", "origFileName": "7HEATMAP-min.png", "fileName": "7HEATMAP-min.png", "fileSize": 666101, "height": 3082, "url": "../images/7HEATMAP-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Funnel Charts { "items": [ { "_id": "6579e9dcc23c05b2821b6393", "origFileName": "8Light_theme-min.png", "fileName": "8Light_theme-min.png", "fileSize": 445855, "height": 2767, "url": "../images/8Light_theme-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Line Charts { "items": [ { "_id": "6579e9dedc91d10029e26577", "origFileName": "9LINE_CHARTS-min.png", "fileName": "9LINE_CHARTS-min.png", "fileSize": 2190611, "height": 6864, "url": "../images/9LINE_CHARTS-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Parallel Coordinates { "items": [ { "_id": "6579e9dd9877c5a60941de0e", "origFileName": "10Parallel_Coordinates.png", "fileName": "10Parallel_Coordinates.png", "fileSize": 645219, "height": 3231, "url": "../images/10Parallel_Coordinates.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Pie Charts { "items": [ { "_id": "6579eaa3b94e8015214406d8", "origFileName": "11PIE_CHARTS-min.png", "fileName": "11PIE_CHARTS-min.png", "fileSize": 1049853, "height": 4077, "url": "../images/11PIE_CHARTS-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Radar Charts { "items": [ { "_id": "6579eaa3c0d5b173baca6180", "origFileName": "12Radar_chart-min.png", "fileName": "12Radar_chart-min.png", "fileSize": 664424, "height": 2767, "url": "../images/12Radar_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Radial Convergences { "items": [ { "_id": "6579eaa102ca1263e0f66cf6", "origFileName": "13Radial_Convergences-.png", "fileName": "13Radial_Convergences-.png", "fileSize": 364221, "height": 2408, "url": "../images/13Radial_Convergences-.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Radial Histogram { "items": [ { "_id": "6579eaa1f2056714f1af1dae", "origFileName": "14Radial_Histogram-min.png", "fileName": "14Radial_Histogram-min.png", "fileSize": 331315, "height": 2409, "url": "../images/14Radial_Histogram-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Sankey Charts { "items": [ { "_id": "6579eaa1f87bc607f25d0c81", "origFileName": "15Sankey_chart-min.png", "fileName": "15Sankey_chart-min.png", "fileSize": 313758, "height": 2561, "url": "../images/15Sankey_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Scatter Charts { "items": [ { "_id": "6579eb022166505111c5d67f", "origFileName": "16Scatter_chart-min.png", "fileName": "16Scatter_chart-min.png", "fileSize": 826791, "height": 3351, "url": "../images/16Scatter_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Stepped Line Graphs { "items": [ { "_id": "6579eb01c2b2f6861eb077fd", "origFileName": "17Stepped_line_graph-m.png", "fileName": "17Stepped_line_graph-m.png", "fileSize": 408228, "height": 2592, "url": "../images/17Stepped_line_graph-m.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Tree Charts { "items": [ { "_id": "6579eb01833c3264a933d256", "origFileName": "18Tree_chart-min.png", "fileName": "18Tree_chart-min.png", "fileSize": 256134, "height": 2178, "url": "../images/18Tree_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Treemaps { "items": [ { "_id": "6579eb0264f16bd0b6819cb8", "origFileName": "19Treemap_chart-min.png", "fileName": "19Treemap_chart-min.png", "fileSize": 510482, "height": 3036, "url": "../images/19Treemap_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Download Hyper Charts Get started today and see how our charts templates can help you create stunning visualizations. Business or Single license This UI kit is a collection of over 1000 editable graphs in blocks. It is perfect for UI and UX designers who want to create stylish and professional charts quickly and easily. Buy now $128 Preview in Figma Try before you buy Lite version contains several chart samples to jumpstart your project and suit it with our modern and stylish chart templates for Figma. Duplicate for Free Hire us to custom design & code! Let's build together ✊










Hire us to custom design & code! Let's build together ✊
FAQs
How to start with this design system?
l am new to Figma. Should I try your kits?
How to import your kits?
Which license type should I choose?
Can I build commercial proiects with your products?
I have a project. Can I hire you?
I 💜 Your designs, but can I have a discount?

.avif)
.avif)

.avif)
.avif)



.avif)
.avif)

