> ## Documentation Index > Fetch the complete documentation index at: https://docs.bosscart.io/llms.txt > Use this file to discover all available pages before exploring further. # Chart > The Chart widget turns raw numbers into visual, easy-to-understand graphics, ideal for showing sales trends, growth metrics, performance stats, or any data-driven story on your... The Chart widget turns raw numbers into visual, easy-to-understand graphics, ideal for showing sales trends, growth metrics, performance stats, or any data-driven story on your page. Rather than manually entering data points one by one, you can paste in spreadsheet data directly and the chart builds itself.

#### **Why use it:** * **Makes data digestible**: visitors grasp trends and comparisons instantly through a chart in a way raw numbers or tables can't achieve. * **Fast to populate**: paste CSV or spreadsheet data straight in, no need to manually configure each data point. * **Flexible for many contexts**: from a simple stat highlight (Donut/Gauge) to full trend analysis (Line/Area) to side-by-side comparisons (Bar/Combo). * **Polished, animated presentation**: built-in count-up and scroll-triggered animations make numbers feel alive rather than static. ### **Chart Type options:**

**Bar** — compare values across categories

**Line** — show trends over time with connected points

**Area** — like Line, but with filled shading beneath — good for emphasizing volume/magnitude

**Combo (bar + line)** — combine two visual styles in one chart, useful for comparing two related metrics (e.g., actual vs. target)

**Donut** — circular chart showing proportions, with a customizable center label (e.g., total value)

**Gauge** — single-value chart showing progress toward a target, like a speedometer

### **Key settings:** * **Theme**: Light/Dark styling * **Line Style**: Smooth or straight lines (Line/Area charts) * **Target Value & Target Label**: plot a benchmark line/marker for comparison * **Center Label**: text shown in the middle of a Donut chart (e.g., "Total") * **Value Prefix / Suffix**: add symbols like "\$" or "%" to values * **Show values / Compact numbers (1.2k)**: display data labels, optionally abbreviated * **Show legend / Show grid / Grid Style**: chart readability controls * **Hover tooltips** — show details on hover * **Count up values / Animate on scroll**: animate numbers and chart entry as visitors scroll to it * **Animation Duration**: control animation speed * **Text Font Family / Text Color**: typography and color customization ### **Getting started: Paste CSV / spreadsheet data:** * First column = labels (e.g., months); extra columns = data series * An optional header row can name each series * Works with commas, tabs, or spaces as separators, so you can copy straight from Excel, Sheets, or a CSV file