PAD Charts
All charts/Scatter & bubble

Height against weight

A dot per row, and trend draws the least-squares line.

1 The data _data/athletes.json json 
[
  { "name": "Anna",   "height": 162, "weight": 55 },
  { "name": "Bram",   "height": 181, "weight": 77 },
  { "name": "Chloé",  "height": 170, "weight": 63 },
  { "name": "Daan",   "height": 188, "weight": 84 },
  { "name": "Eva",    "height": 158, "weight": 52 },
  { "name": "Finn",   "height": 176, "weight": 71 },
  { "name": "Gwen",   "height": 167, "weight": 61 },
  { "name": "Hugo",   "height": 193, "weight": 90 },
  { "name": "Iris",   "height": 172, "weight": 66 },
  { "name": "Jesse",  "height": 184, "weight": 75 },
  { "name": "Kim",    "height": 164, "weight": 59 },
  { "name": "Lars",   "height": 179, "weight": 81 }
]
2 The chart tag scatter/athletes.pad pad 
{chart 'scatter', data='athletes', x='height', y='weight', label='name', trend, title='Height and weight of twelve athletes', width=640, height=360}
3 The result inline SVG · no JavaScript
Height and weight of twelve athletes Anna: height 162, weight 55; Bram: height 181, weight 77; Chloé: height 170, weight 63; Daan: height 188, weight 84; Eva: height 158, weight 52; Finn: height 176, weight 71; Gwen: height 167, weight 61; Hugo: height 193, weight 90; Iris: height 172, weight 66; Jesse: height 184, weight 75; Kim: height 164, weight 59; Lars: height 179, weight 81 50 60 70 80 90 150 160 170 180 190 200 height weight Anna: height 162, weight 55 Bram: height 181, weight 77 Chloé: height 170, weight 63 Daan: height 188, weight 84 Eva: height 158, weight 52 Finn: height 176, weight 71 Gwen: height 167, weight 61 Hugo: height 193, weight 90 Iris: height 172, weight 66 Jesse: height 184, weight 75 Kim: height 164, weight 59 Lars: height 179, weight 81 Trend line