All charts/Gauge & radar

Three servers

A gauge per row - the value and label of each from the data.

1 The data gauge/servers.php php

<?php

  // Three servers and how loaded they are, as a monitoring page would read them.

  $servers = [
    [ 'name' => 'web-1', 'cpu' => 34, 'memory' => 61 ],
    [ 'name' => 'web-2', 'cpu' => 71, 'memory' => 78 ],
    [ 'name' => 'db-1',  'cpu' => 93, 'memory' => 88 ],
  ];

?>

2 The template gauge/servers.pad pad

<div class="gauges">
  {servers}
  {chart 'gauge', value=$cpu, label=$name, unit='%', bands='70, 90', width=200, height=130}
  {/servers}
</div>

3 The result inline SVG · no JavaScript