# KPI Charts

We provide 16 versatile chart options that can be customized, grouped, and tailored to meet various analytical needs. These options give users the flexibility to design KPI cards that align perfectly with their unique vision, enabling them to showcase data in a way that is both impactful and visually engaging. Whether it’s for tracking performance or highlighting key metrics, the possibilities are endless.

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td align="center">Advanced Text</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FTLN55lCepYTSXBFUldAN%2F27.png?alt=media&#x26;token=8c239a8c-7d5c-4ef6-a938-d02db650e3b2">27.png</a></td><td><a href="kpi-charts/advanced-text">advanced-text</a></td></tr><tr><td align="center">Bar Chart</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FiuqKafjwlgfuKEook4HY%2F28.png?alt=media&#x26;token=7fb4122c-d11a-4969-86ea-c8e0cdd6062f">28.png</a></td><td><a href="kpi-charts/bar-chart">bar-chart</a></td></tr><tr><td align="center">Lollipop Chart</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FQwtlPyBZ6QshQYp9nA3x%2F29.png?alt=media&#x26;token=91865bde-ba4c-46da-bf42-5d5b9385e194">29.png</a></td><td><a href="kpi-charts/lollipop-chart">lollipop-chart</a></td></tr><tr><td align="center">Line Chart</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2Fz38xjvNtRS7AMwNCbj5I%2F30.png?alt=media&#x26;token=b0f54c8b-2005-4a56-a1c0-704a07fc1a8f">30.png</a></td><td><a href="kpi-charts/line-chart">line-chart</a></td></tr><tr><td align="center">Area Chart</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FExi0tAjKTAihzrKsFRyk%2F31.png?alt=media&#x26;token=d3c35954-a320-4ae7-9c35-f6bb2445ac99">31.png</a></td><td><a href="kpi-charts/area-chart">area-chart</a></td></tr><tr><td align="center">Combo Chart</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FamBowdr1c2t9GOnk89zG%2F32.png?alt=media&#x26;token=39ffb9d0-38da-4895-b8b5-e8bbc0eb2def">32.png</a></td><td><a href="kpi-charts/combo-chart">combo-chart</a></td></tr><tr><td align="center">Donut Chart</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FYCsRoJyvhBU8k8jfB0oV%2F33.png?alt=media&#x26;token=239de82e-ce62-446c-b759-487af714500e">33.png</a></td><td><a href="kpi-charts/donut-chart">donut-chart</a></td></tr><tr><td align="center">Pie Chart</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FZ1UEZe3WRGFfOfeR6DNG%2F34.png?alt=media&#x26;token=6965f32f-048d-401f-bcc8-b5c345fb23bd">34.png</a></td><td><a href="kpi-charts/pie-chart">pie-chart</a></td></tr><tr><td align="center">Linear Gauge</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FB3XMPaBo6iVX5RnuQEMr%2F35.png?alt=media&#x26;token=49afd46c-0c34-49dc-8953-85d3e1c29460">35.png</a></td><td><a href="kpi-charts/linear-gauge">linear-gauge</a></td></tr><tr><td align="center">Liquid Gauge</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2Fs44CNVrSbpahvzLI0rS9%2F36.png?alt=media&#x26;token=23d5a108-f8d6-45a1-9d5d-a0bda2298bcc">36.png</a></td><td><a href="kpi-charts/liquid-gauge">liquid-gauge</a></td></tr><tr><td align="center">Radial Gauge</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FGxn4B5X1DBOkjG5cuHUO%2F37.png?alt=media&#x26;token=b73eebfe-9d85-4e9d-922b-e2bac9d59f06">37.png</a></td><td><a href="kpi-charts/radial-gauge">radial-gauge</a></td></tr><tr><td align="center">Bullet Chart</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2F2UwKcbB3eMFRLngKJ23h%2F38.png?alt=media&#x26;token=4249fc13-952c-4706-98e0-15635d1e1080">38.png</a></td><td><a href="kpi-charts/bullet-chart">bullet-chart</a></td></tr><tr><td align="center">Waterfall chart</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FlYdVF4Q11yiFduAEyltX%2F39.png?alt=media&#x26;token=1c156bd4-8cfc-4f1d-9b0d-1e5d78a8b3e6">39.png</a></td><td><a href="kpi-charts/waterfall-chart">waterfall-chart</a></td></tr><tr><td align="center">Icon</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FfZl95KQZY4KJzLZZHMl7%2F40.png?alt=media&#x26;token=1167f340-3ec6-40b4-8768-016e4459bc62">40.png</a></td><td><a href="kpi-charts/icon">icon</a></td></tr><tr><td align="center">Image</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FwFsbIQVG5vs7Syxum6ti%2F41.png?alt=media&#x26;token=6a3a9340-516a-40f0-a1dd-26d32e060f14">41.png</a></td><td><a href="kpi-charts/image">image</a></td></tr><tr><td align="center">Shape</td><td><a href="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FsjmrSGEqvYKLQZ183ZjG%2F42.png?alt=media&#x26;token=a81d5ea7-f0e2-4728-b431-30a89244bcf0">42.png</a></td><td><a href="kpi-charts/shape">shape</a></td></tr></tbody></table>
