Doughnut hole is 50% of the overall shape.
Label directly where possible, otherwise use the standard legend style.
Use connecting lines
| Item | Stroke weight | Stroke style | ONS colour name | Colour hex value |
|---|---|---|---|---|
| Connecting line | 1px | Solid | Grey 40 | #B3B3B3 |
1px white line in between categories.
Text for both the category labels and the total information in the centre of a doughnut chart should have the same formatting
| Weight | Size/line height px | ONS colour name | Hex colour | Alignment | |
|---|---|---|---|---|---|
| Label - category title | Semi bold | 14/16.8 | Grey 100 | #414042 | Left or right depending on position |
| Label - data value | Regular | 14/16.8 | Grey 100 | #414042 | Left or right depending on position |
| Item | Stroke weight | Stroke style | ONS colour name | Colour hex value |
|---|---|---|---|---|
| Gap between categories | 1px | Solid | White | #FFFFFF |