---
title: "Charts & graphs"
description: "Draw their scores and answers: columns, pies, radars, lines and maps."
slug: "en/customs/design/modules/charts-and-graphs"
url: "https://docs.custom.one/en/customs/design/modules/charts-and-graphs/"
capability: "result-page-modules"
published_at: "2026-09-11T09:37:30.772Z"
---
Click **Charts** in the editor's left rail to open the **Charts & graphs** card.
Click a tile to add that chart, or drag it onto the page.

- **Column chart** — a few columns side by side, to compare a handful of values.
- **Pie & donut** — a whole split into parts, with one part highlighted.
- **Radar** — a spider shape across several axes, for a profile at a glance.
- **Trend line** — one or more lines growing over time from a starting value.
- **Them vs typical** — rows comparing their value with a typical one.
- **Quadrant map** — a dot on a two-by-two grid, showing which quadrant they
  fall in.

## Setting the values

Select a chart and its panel lists the bars, wedges, axes or rows. Their names
and colours are shared by every version; the values are set per version.

Each value is a number you type, or one of their scores: click **{x}** in the
field and pick a score. Most charts read values from 0 to 100.

To make a chart change per person, link it to a question in **Who sees what** —
see [make a module change per
person](/en/customs/design/make-a-module-change-per-person/).

## Looks

Every chart comes in several looks — a pie can be a donut, a half-circle or a
strip, a column chart can be lollipops or a podium. Select the chart and pick
one from the look menu in the toolbar above the page. Changing the look keeps
your values, size and position.