[ALS-5787] Open Access StatViz is not showing "Other"

[Gcolon021]

[ALS-5787] Open Access StatViz is not showing "Other"

[JamesPeck]

@Gcolon021 We spoke about this in oo and we were thinking we should investigate if plotly can do hovertext. If it can we should think about doing the shorting logic on the frontend.

[Gcolon021]

@JamesPeck and @Luke-Sikina Some follow up information.

PlotlyJS

• PlotlyJS produces an SVG when displaying the graph. That means we cannot directly manipulate the text with CSS. Also, CSS would still not solve the issue of duplicate names. Using an ellipses in CSS will likely result in duplicate names appearing on the graph which would be equally confusing.
• PlotlyJS offers an approach to use short names, but it requires that you provide you own short names. Essentially what we are doing here.

var layout = {
  xaxis: {
    // Specifying the positions for the ticks
    tickvals: [0, 1, 2],
    // Providing custom text for each tick position
    ticktext: ['Cat 1', 'Cat 2', 'Cat 3']
  }
};

• When images are exported in PlotlyJS the on hover effect will not be available.

Performance

• While the code may be "dense" the performance likely can't be greatly improved. We need to produce human readable names. That means we can't get super fancy with generating unique values. No hashing or similar approaches. This results in the following O(n^2) algo. If you have suggestions to improve this let me know.
• Moving this client side will probably results in slower code as the algorithm will have the same runtime and it will be done in javascript.

Code Quality

• I can refactor the code to improve readability and maintainability by breaking things out into methods.

Unit Test

• Sure I can unit test the code more.