All charts/Line

Temperatures in three cities

A list of fields in value= draws a line each, named at its end.

1 The data line/temperatures.php php

<?php

  // The average day temperature, in degrees Celsius.

  $temperatures = [
    [ 'month' => 'Jan', 'Amsterdam' =>  3.4, 'Madrid' =>  6.3, 'Oslo' => -4.3 ],
    [ 'month' => 'Feb', 'Amsterdam' =>  3.6, 'Madrid' =>  7.9, 'Oslo' => -4.0 ],
    [ 'month' => 'Mar', 'Amsterdam' =>  6.0, 'Madrid' => 11.2, 'Oslo' => -0.2 ],
    [ 'month' => 'Apr', 'Amsterdam' =>  9.0, 'Madrid' => 12.9, 'Oslo' =>  4.5 ],
    [ 'month' => 'May', 'Amsterdam' => 12.8, 'Madrid' => 16.7, 'Oslo' => 10.8 ],
    [ 'month' => 'Jun', 'Amsterdam' => 15.6, 'Madrid' => 22.4, 'Oslo' => 15.2 ],
    [ 'month' => 'Jul', 'Amsterdam' => 17.6, 'Madrid' => 25.6, 'Oslo' => 16.4 ],
    [ 'month' => 'Aug', 'Amsterdam' => 17.5, 'Madrid' => 25.1, 'Oslo' => 15.2 ],
    [ 'month' => 'Sep', 'Amsterdam' => 14.8, 'Madrid' => 20.9, 'Oslo' => 10.8 ],
    [ 'month' => 'Oct', 'Amsterdam' => 11.1, 'Madrid' => 15.1, 'Oslo' =>  6.3 ],
    [ 'month' => 'Nov', 'Amsterdam' =>  7.0, 'Madrid' =>  9.9, 'Oslo' =>  0.7 ],
    [ 'month' => 'Dec', 'Amsterdam' =>  4.3, 'Madrid' =>  6.9, 'Oslo' => -3.1 ]
  ];

?>

2 The chart tag line/temperatures.pad pad

{chart 'line', data='temperatures', label='month', value='Amsterdam, Madrid, Oslo', title='Average temperature per month', width=640, height=340}

3 The result inline SVG · no JavaScript