All charts/Sankey

A salary, spent

One income split over posts, then over sub-posts.

1 The data sankey/salary.php php

<?php

  // A net salary of 3,200 a month: the posts, and what they are made of.

  $spending = [
    'Housing'   => [ 'Rent' => 1150, 'Insurance' => 120 ],
    'Living'    => [ 'Groceries' => 450, 'Energy' => 160, 'Phone' => 40 ],
    'Transport' => [ 'Car' => 260, 'Train' => 90 ],
    'Saving'    => [ 'Pension' => 250, 'Holiday' => 180 ],
    'Fun'       => [ 'Dining out' => 220, 'Sport' => 80, 'Streaming' => 30 ]
  ];

  $salary = [];

  foreach ( $spending as $post => $parts )
    foreach ( $parts as $part => $amount ) {
      $salary [] = [ 'from' => 'Salary', 'to' => $post, 'amount' => $amount ];
      $salary [] = [ 'from' => $post,    'to' => $part, 'amount' => $amount ];
    }

?>

2 The chart tag sankey/salary.pad pad

{chart 'sankey', data='salary', source='from', target='to', value='amount', title='A salary of 3,200, spent', width=640, height=420}

3 The result inline SVG · no JavaScript