Comparing distributions

import WestCoastCharts from 'west-coast-charts'
import types from 'west-coast-charts/types'

WestCoastCharts.use(types)

const options = {
  chart: {
    height: 380,
    fontFamily: "Inter, Geist, \"IBM Plex Sans\", system-ui, sans-serif",
    type: "histogram",
    toolbar: {
      show: false
    }
  },
  series: [
    {
      name: "Control",
      data: [53.6, 50.1, 50.6, 34.5, 52.1, 58.2, 42.7, 42.8, 44.3, 45.4, 37.8, 56.8, 71, 81.7, 40.3, 53, 54, 59.8, 58.8, 52.3, 45.4, 57.4, 45.5, 55.8, 51, 39, 53.3, 65.1, 63.8, 41.9, 50.2, 59, 64.9, 57, 48.5, 51.4, 56.6, 63.8, 57.2, 60.5, 50.2, 56.4, 53.5, 54, 52.9, 51.3, 52.6, 71.8, 46.3, 78.3, 51.5, 42.4, 46.2, 49.6, 50, 55.4, 38.5, 42.7, 61.6, 50.1, 64.7, 62.8, 35.8, 44.8, 48.7, 46.6, 51.5, 46.1, 42.6, 36.2, 48, 40.3, 61.3, 45.2, 52.2, 53.1, 38.3, 63.4, 54.5, 44.2, 56.6, 49.8, 50.7, 48.3, 55.5, 47.3, 56.7, 51.5, 51.1, 46.5, 72.1, 47.5, 52.1, 48.7, 45.6, 71.5, 45.8, 46.3, 46, 54.6, 48.9, 46.7, 57.8, 48, 51.5, 48.5, 76.3, 59.3, 50.1, 49.6, 54.4, 66.5, 51.3, 53, 51, 58, 51, 43.6, 55.8, 43.8, 46.3, 49.9, 63.7, 52.2, 57.7, 56.9, 43.2, 41.3, 44.9, 50.5, 41.1, 54.5, 43.5, 54.1, 62.5, 63.3, 56.4, 50.5, 27.7, 49.1, 56.9, 54.7, 44.2, 39.5, 49.8, 43.5, 66.3, 58.9, 57, 52.5, 50.9, 41.9, 56.7, 45.9, 46.6, 65.4, 41.1, 49.7, 67.9, 57.9, 51.3, 31.6, 44.9, 54.2, 59.2, 43.7, 61.3, 64.3, 70.2, 55.7, 41.2, 59.8, 50.9, 57.2, 35.1, 61.6, 40.6, 49.8, 50.5, 54.8, 32.4, 49.4, 45.7, 45.7, 39.3, 44.8, 56.8, 57.7, 49.6, 47.6, 56.3, 50.9, 56.4, 49.2, 54.8, 54.9, 44.8, 35.8, 52.9, 63.2, 35.6, 56.5, 55.7, 58.3, 67.3, 65.9, 46.7, 38.4, 61.7, 63.5, 42.6, 64.1, 63.8, 47.1, 44, 57.9, 66.5, 51.5, 68.1, 52.6, 61.5, 53.9, 53, 58.4, 61.7, 56.8, 61.7, 67.5, 39.9, 70.2, 57.7, 55.1, 44.6, 52.6, 41.1, 51, 51.5, 58.3, 41.5, 55.8, 45.2, 59.5, 40.5, 51.8, 48.5, 65.8, 65.6, 51, 41.7, 50.7, 57.5, 66.1, 62.5, 56.4, 50.2, 52.2, 50.2, 54.1, 48.9, 50.7, 48.3, 69.3, 58.5, 51.3, 60, 65, 46.9, 45.6, 69.8, 59, 66.2, 44.5, 66.5, 63.9, 57.4, 62.5, 35.9, 60.5, 73.1, 67, 51.4, 58.3, 73.5, 51.9, 53.3, 56.3, 47.7, 59.2, 44.3, 67.8, 60.5, 47.8, 60.2, 56, 46.7, 69.3, 65.9, 50.3, 55.8, 41.4, 59.9, 54.1, 53.8, 49.2, 66.8, 66.3, 56.1, 57.9, 41, 34.5, 39.4, 72.9, 38.9, 61.2, 37.4, 49.9, 45.4, 40.7, 46.6, 64.1, 34.7, 69.6, 33.9, 40.2, 58.4, 52.4, 55.7, 49.9, 43.8, 54.2, 48.2, 57.9, 52, 53.4, 32.1, 66.8, 45.5, 37.2, 46, 65.3, 47.3, 54, 56.7, 49.1, 71.7, 35.9, 44, 54.7, 62, 48.4, 60.9, 51.8, 45.9, 61.7, 59.3, 52.2, 61.7, 43.4, 66.6, 52.9, 57.9, 45, 58.4, 50, 37.5, 45.5, 44, 44, 55.6, 51.4, 53.9, 55.7, 43.6, 57.8, 43.3, 51, 50.5, 54, 48.7, 60.1, 39.8, 44.8, 38.4, 52.4, 64.9, 37.5, 37, 54, 58.8, 59.8, 58.9, 46.4, 42.4, 54.2, 40.4, 54.9, 41.4, 41.4, 59, 48.6, 45.7, 48.1, 55, 69.3, 30, 66.9, 57.7, 39.6, 40.8, 45.6, 39.1, 63.1, 57, 48.7, 51.1, 47.1, 48.6, 42.7, 52.6, 55.1, 52.2, 60.9, 48.4, 47.7, 56.2, 56.3, 52.4, 53.5, 44.5, 52.1, 49.2, 66.1, 49.4, 55.5, 41.7, 51.7, 50.5, 46.2, 56, 37.2, 70.3, 55.2, 35.2, 42.7, 60.3, 54.5, 45.8, 41.2, 54.8, 44.2, 42.7, 63.7, 70.6, 59.1, 39.1, 41.4, 54.9, 60.1, 52.7, 44.9, 50.9, 64, 41.4, 48.4, 45, 53.5, 49.1, 60.1, 57.6, 48.4, 52.3, 46, 66.8, 43.9, 66.7, 61.2, 34.8, 64, 54.5, 66.3, 59.2, 40.2, 37.7, 64.3, 46.5, 32.6, 41.9, 53.2, 41, 60.5, 41.6, 53.4, 56.2, 60, 61.1, 51.3, 43.1, 43.6, 47.1, 60, 50.8, 44.9, 28.9, 47.5, 35.8, 61.9, 52.9, 55.4, 65.8, 65.5, 54.5, 36.3, 31.9, 51.7, 31.3, 50.3, 64.3, 51.7, 56.9, 65.8, 57, 51.7, 67.9, 58.9, 64, 48.2, 52.2, 64.1, 62, 60.4, 52.7, 53, 60.6, 44.3, 58.9, 62.3, 48.4, 54.3, 49.6, 53.1, 34.6, 57.8, 62.7, 33.6, 54.3, 45.3, 52.6, 50.6, 44.7, 35.6, 56.7, 44.1, 47.2, 49, 44, 47.5, 46.4, 69.3, 53.4, 62.7, 47.6, 58, 44.5, 53.3, 67.3, 39.6, 43.2, 39.3, 49.1, 58.9, 55.8, 49.5, 57.8, 55.7, 56.5, 54.8, 57.3, 53.8, 59.9, 53.7, 60.6, 59, 57.8, 61.2, 37.3, 62.6, 62.7, 47.8, 54.8, 41, 51.5, 46.5, 67.9, 46.2, 46.4, 43.4, 46.4, 61, 36.6, 58.2, 39, 47.4, 38, 43.3, 35.1, 54, 57.1, 47, 57.5, 57.8, 46, 50.7, 66.7, 54.1, 47.4, 59.7, 49, 49.3, 59.9, 31.1, 56.8, 47.5, 43.5, 52, 40, 44.1, 57.4, 57.6, 44.1, 49.1, 26.1, 61.9, 65.4, 49, 47.9, 49, 47.9, 55.1, 45, 53.7, 47.8, 60, 42, 45.2, 71.9, 37.2, 55.6, 56.1, 51.5, 65, 55.2, 51.8, 61.3, 58.4, 52.1, 55.4, 49.6, 42.4, 59.2, 59.4, 44.3, 51.7, 69.5, 55.4, 54.3, 48.4, 59.7, 53.9, 39.5, 56.7, 59.1, 59.1, 50.7, 50.4, 50.2, 44.7, 43.4, 41.9, 34.8, 42.9, 50.5, 51.8, 50.8, 59.8, 60.2, 59, 37.3, 46.7, 38.9, 53.5, 64.8, 57.5, 65.8, 58.8, 44.8, 51.8, 45.1, 53.7, 47, 45, 48.5, 57.4, 53.2, 59.2, 40.1, 57.9, 37.3, 58.5, 58.6, 64.7, 46.6, 57.8, 55.3, 59.2, 60.3, 49.8, 43.2, 42.5, 52.5, 50.2, 56.1, 48.6, 74.1, 53.5, 55.3, 62.2, 48.8, 52.2, 48.9, 51.8, 43.2, 46.3, 59.8, 47.8, 51.8, 63.1, 53, 49.7, 50.1, 36, 58.3, 60.2, 49.7, 42, 65.6, 55, 61.7, 45.5, 43.8, 29.9, 54.3, 58, 48.7, 49.7, 60.1, 40.9, 57.7, 61.5, 77.4, 71.5, 46.1, 53.4, 55.6, 39.4, 62.6, 57.9, 50, 48.1, 51.6, 46.7, 56.5, 66.4, 45.1, 56.8, 58.6, 51.3, 61.3, 56.4, 57.6, 47.5, 55.7, 48.6, 47, 44, 63.5, 56.1, 62.2, 63.9, 53.5, 60.6, 46.8, 38.3, 53.4, 57.1, 49.6, 46.7, 48.1, 62.3, 54.6, 38.4]
    },
    {
      name: "Variant",
      data: [57.4, 51.3, 80.3, 62.6, 54.5, 62, 59.1, 63.4, 58, 69.6, 57, 67, 58.3, 37.1, 64.6, 51.9, 59.3, 54.2, 65.2, 58, 58.5, 51.8, 63.5, 72.3, 67.5, 54.7, 66.2, 60.9, 59.2, 63.5, 57.2, 52.5, 44, 61.3, 48.7, 52.4, 55.9, 46.1, 58.1, 66.9, 58.4, 54.4, 64.5, 67.9, 57.1, 64.3, 67, 56.3, 59.5, 63.4, 56.5, 69.7, 42.1, 65.6, 62.4, 67.3, 58.1, 59.4, 69.4, 64, 70.3, 40.2, 50.7, 42.9, 58.1, 60.1, 68.8, 75, 64.3, 70.3, 53.3, 62.2, 50.8, 53, 57.9, 54.3, 67.3, 55.5, 62.7, 72.7, 67.2, 71.1, 61.2, 61.9, 60.5, 75.1, 60.3, 74.9, 61.6, 63.6, 53.7, 53.3, 72.5, 52.2, 61.2, 61.7, 58.2, 64.9, 58.7, 60.1, 62.6, 76.5, 55.3, 70.3, 46.1, 58.4, 75.1, 59.5, 73.5, 59.1, 59.8, 48.9, 69.8, 55.3, 61.8, 70, 60.6, 55.5, 53.9, 60.4, 58.2, 65.3, 52.3, 54.2, 55.6, 56.1, 59.4, 58.1, 68.1, 65.3, 61.9, 55.1, 72, 64.4, 61.8, 62.3, 69.3, 74, 63, 55.1, 69.9, 71.4, 46.2, 59.3, 59.1, 59.2, 50.5, 65.4, 63.6, 60.2, 41.1, 63.6, 61.6, 75.1, 54.2, 66.7, 62.9, 63, 57.1, 67.7, 51.5, 64.1, 76.7, 63.4, 63.5, 61.4, 62.1, 54.3, 61, 48, 69.7, 47.9, 54.9, 56, 48.1, 56.7, 62, 53.9, 44.2, 50.8, 53.2, 74.6, 60.8, 73.3, 56.7, 56, 66.2, 70, 39.1, 59.4, 70.9, 58, 72.6, 42.9, 78.3, 73.5, 57.2, 65.8, 64.4, 58.5, 70.4, 62.6, 61.2, 67.5, 52.2, 63.5, 51.7, 46, 53.4, 62.4, 55.4, 71.3, 72.1, 75.6, 66.8, 64, 53, 53.1, 61.7, 56.2, 64.2, 59.3, 62.9, 55.5, 58.7, 52.3, 57.1, 56.2, 58.5, 61.2, 65.8, 57.4, 61.9, 62.4, 65.9, 58.2, 75.2, 58.1, 59.6, 64.7, 48.8, 43.6, 60, 54.2, 51.3, 45.3, 62.8, 58.8, 56.2, 52.2, 51.8, 68.6, 65.5, 58.7, 48, 59.7, 62.2, 59.1, 51.6, 47.4, 71.1, 78.4, 50.6, 65.3, 60.9, 60, 68.5, 55, 55, 72.1, 64.4, 66.7, 56.6, 45.7, 54, 64.1, 51, 54.3, 54.3, 61.3, 74.1, 74.1, 62, 51.1, 57.8, 66.4, 60.1, 63.9, 69, 46, 49.8, 70.3, 63.1, 52.8, 64.2, 58.5, 72.1, 72.2, 75.2, 69.1, 66.4, 67.2, 61.2, 55.4, 51.6, 53.8, 55.1, 56.8, 62.1, 67.8, 52.3, 62.1, 57.9, 54.4, 65.6, 42.8, 57, 60.3, 52.2, 60.4, 49.3, 58.9, 63.2, 62.2, 65.3, 54.6, 54.3, 54.4, 57.6, 58.5, 56.7, 77.4, 51.5, 61.7, 46.9, 48.9, 56.2, 60.3, 59.5, 54.3, 66.5, 51.7, 57.8, 62, 59, 69, 46.5, 61.5, 57.8, 71.7, 68.9, 67.5, 72.8, 63.4, 45, 43.5, 52.2, 50, 68.6, 56.7, 64.4, 60.5, 56.5, 49.1, 43.9, 69.7, 61, 67.2, 59.9, 58.3, 61.7, 50.3, 60.3, 58.9, 85.2, 66, 68.8, 51.5, 46.3, 79, 65.1, 60.9, 72.4, 57.3, 72.7, 58.8, 52.3, 62.4, 59.4, 66.6, 49.5, 50.8, 57.4, 70.4, 54.8, 59.7, 70, 64.7, 69, 67.9]
    }
  ],
  plotOptions: {
    histogram: {
      normalize: "relative",
      binWidth: 4
    }
  },
  title: {
    text: "Task completion time: control vs variant (s)"
  },
  theme: {
    mode: "light",
    preset: "coastal"
  }
}

const chart = new WestCoastCharts(document.querySelector('#chart'), options)
await chart.render()