All charts/Pie & donut

A monthly budget

A donut shows the total in its middle.

1 The data _data/budget.yaml yaml

# Where the money goes each month, in euros
- post: Housing
  amount: 1250
- post: Groceries
  amount: 480
- post: Transport
  amount: 210
- post: Energy
  amount: 165
- post: Leisure
  amount: 240
- post: Savings
  amount: 400

2 The chart tag pie/budget.pad pad

{chart 'donut', data='budget', label='post', value='amount', title='A monthly budget', width=560, height=320}

3 The result inline SVG · no JavaScript