All charts/Distributions

Salary per team

boxplot: quartiles, median, whiskers and the outlier.

1 The data _data/salaries.json json

[
  { "team": "Support",     "salary": 2900 },
  { "team": "Support",     "salary": 3050 },
  { "team": "Support",     "salary": 3100 },
  { "team": "Support",     "salary": 3300 },
  { "team": "Support",     "salary": 3400 },
  { "team": "Support",     "salary": 3650 },
  { "team": "Sales",       "salary": 3200 },
  { "team": "Sales",       "salary": 3600 },
  { "team": "Sales",       "salary": 3900 },
  { "team": "Sales",       "salary": 4300 },
  { "team": "Sales",       "salary": 4800 },
  { "team": "Sales",       "salary": 8900 },
  { "team": "Engineering", "salary": 4200 },
  { "team": "Engineering", "salary": 4700 },
  { "team": "Engineering", "salary": 5100 },
  { "team": "Engineering", "salary": 5400 },
  { "team": "Engineering", "salary": 5800 },
  { "team": "Engineering", "salary": 6500 },
  { "team": "Design",      "salary": 3800 },
  { "team": "Design",      "salary": 4100 },
  { "team": "Design",      "salary": 4250 },
  { "team": "Design",      "salary": 4500 },
  { "team": "Design",      "salary": 4600 }
]

2 The chart tag distribution/salaries.pad pad

{chart 'boxplot', data='salaries', label='team', value='salary', title='Monthly salary per team, in euros', width=640, height=360}

3 The result inline SVG · no JavaScript