> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usedatabrain.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Chart-Specific Appearance Options

> This guide presents appearance options for similar charts and key insights into customizing common chart types, improving data presentation and clarity.

For how to set up each chart type (data requirements, axis assignment), see [Chart Setup Overview](/guides/visualizations-actions-and-appearance/chart-setup/overview).

## 1. **Bar Chart Styling**

*Applies to: Bar Charts, Stacked Bar Charts, Combo Charts (Single-Scale), Horizontal Bar Charts, Horizontal Combo Charts, and Horizontal Stacked Bar Charts*

### • Purpose and Use Case

Bar charts are ideal for comparing discrete categories, with vertical bars enabling clear magnitude comparisons across business units.

### • Key Style Parameters

* **Width**: Controls spacing between bars to optimize data visibility and category comparison
* **Top Radius**: Adds modern, soft edges for professional presentation
* **Bottom Radius**: Provides visual stability while harmonizing with top radius

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/w40i74o67wVB_OZm/images/guides/bar-styling.png?fit=max&auto=format&n=w40i74o67wVB_OZm&q=85&s=0dc894e4e010e76f385272c8e8cde327" alt="Example showing bar chart width, top radius, and bottom radius styling options" width="2940" height="1658" data-path="images/guides/bar-styling.png" />
</Frame>

## 2. **Table Chart UI Styling**

### • Essential Design Elements

* **Headers**: Clean black text on white background
* **Category Display**: Categories presented as visual badges
* **Number Formatting**: Right-aligned sales figures
* **Interactive Features**: Medium spacing with responsive hover effects

### • Business Benefits

* Facilitates quick executive review
* Enables efficient sales comparisons
* Maintains professional appearance
* Provides immediate access to insights

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/vtT_Z5XodY0y5xKu/images/guides/table-chart-ui-styling.gif?s=33c16c937880f7905e5833a15fb9e94d" alt="GIF demonstrating table chart UI styling with badges and number formatting" width="1632" height="918" data-path="images/guides/table-chart-ui-styling.gif" />
</Frame>

## 3. **Circular Chart Customization**

*Applies to Pie Charts and Rose Charts*

### **Chart 1: Pie Chart Options**

#### **Interaction Modes:**

* **Single**: Expands one sector at a time on click
* **Multiple**: Expands multiple sectors sequentially
* **Series**: Expands all sectors together
* **Offset**: Adjusts expansion distance in pixels

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/WF6VYXQbY0e3pEdb/images/guides/image-ccaoo3.webp?fit=max&auto=format&n=WF6VYXQbY0e3pEdb&q=85&s=8ab4d5b27f047d69f909a2c734c8b99d" alt="Pie chart interaction settings including single, multiple, and series modes" width="688" height="387" data-path="images/guides/image-ccaoo3.webp" />
</Frame>

### Chart 2: **Rose Chart Options**

#### *Chart Types:*

* **Radius Mode**\
  ▪ Highlights absolute value differences\
  ▪ Ideal for category magnitude comparison

* **Area Mode**\
  ▪ Displays proportional relationships\
  ▪ Useful for market share analysis

#### *Interaction Settings:*

* Supports **Single**, **Multiple**, and **Series** modes
* Adjustable offset distance

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/WF6VYXQbY0e3pEdb/images/guides/image-ccaoo4.webp?fit=max&auto=format&n=WF6VYXQbY0e3pEdb&q=85&s=33a759c684e7d7651b7324a4e9c89b34" alt="Rose chart customization options showing radius and area modes" width="688" height="387" data-path="images/guides/image-ccaoo4.webp" />
</Frame>

<Check>
  You’ve successfully reviewed chart-specific appearance options.\
  Your visualizations now follow consistent styling across bar charts, tables, and circular charts for clearer, more professional insights.
</Check>

**Related:** [Axis Charts setup](/guides/visualizations-actions-and-appearance/chart-setup/axis-charts) | [Circular Charts setup](/guides/visualizations-actions-and-appearance/chart-setup/circular-charts) | [Table setup](/guides/visualizations-actions-and-appearance/chart-setup/table-advanced)