All charts/Bullet, rings & areas

The five oceans

square draws squares instead, on one baseline.

1 The chart tag and its data measure/oceans.pad pad

{chart 'proportional', label='ocean', value='area', square, title='The five oceans, area in million km²', width=640, height=280}
  [ { "ocean": "Pacific",  "area": 165.25 },
    { "ocean": "Atlantic", "area": 106.46 },
    { "ocean": "Indian",   "area": 70.56 },
    { "ocean": "Southern", "area": 21.96 },
    { "ocean": "Arctic",   "area": 15.56 } ]
{/chart}

2 The result inline SVG · no JavaScript