[SCT-Workflow]: Research New Chart Library For Box Plots

[g-braide]

As a developer i want to research a possible replacement for the box plot charts to accommodate the needs for this application.

• Add suggestions to this ticket
• Must be open-source & free
• Easily differentiate multi series

[tyler-siskar]

Went through a list of open source libraries, and only found echarts-for-react supporting multiseries boxplots. Very similar API to Chartjs, should be a fairly easy migration

[tyler-siskar]

Example of multiseries boxplot in echarts:

import React, { useEffect, useState } from 'react';
import ReactEcharts from 'echarts-for-react';

const App = () => {
  const [options, setOptions] = useState({});

  useEffect(() => {
    const chartOptions = {
      title: {
        text: 'Multi-series Boxplot'
      },
      tooltip: {
        trigger: 'item'
      },
      xAxis: {
        type: 'category',
        data: ['Series 1', 'Series 2']
      },
      yAxis: {
        type: 'value'
      },
      series: [
        {
          name: 'Series 1',
          type: 'boxplot',
          data: [
            [10, 20, 30, 40, 50],
            [20, 30, 40, 50, 60]
          ]
        },
        {
          name: 'Series 2',
          type: 'boxplot',
          data: [
            [15, 25, 35, 45, 55],
            [25, 35, 45, 55, 65]
          ]
        }
      ]
    };

    setOptions(chartOptions);
  }, []);

  return (
    <ReactEcharts option={options} />
  );
};

export default App;

[trietmnj]

It looks great! There is out of the box filtering too with interactivity on the legend.

[tyler-siskar]

https://echarts.apache.org/en/index.html
docs site