I tested this PR in Ordino and it does not work from the first look.

Steps to reproduce

1. Open Cell line workbench
2. Add Micro Satellite Instability (MSI) score
3. Open Configurable charts view
4. Switch to violin plot
5. Select Gender as categorical column

Observations

Ordino DEV

• The violin plot has colors (even though they don't match the gender categorical colors)
• Tooltips on hover are working
• Selecting the male violin plot selects rows in the data table BUT it selects also female rows (which is clearly wrong) --> no highlight of the male violin plot
  
• Selection in the data table is not reflected in the violin plot (i.e., no highlight)

Local version (with this PR)

Shows the following error in the dev console on hover:

Uncaught TypeError: Cannot read properties of undefined (reading '0')
    at _ (plotly.min.js:37:1)
    at O (plotly.min.js:37:1)
    at r.getClosest (plotly.min.js:37:1)
    at Object.l [as hoverOnBoxes] (plotly.min.js:37:1)
    at e1.exports [as hoverPoints] (plotly.min.js:37:1)
    at ut (plotly.min.js:37:1)
    at plotly.min.js:37:1
    at plotly.min.js:37:1
    at l (plotly.min.js:37:1)
    at r.throttle (plotly.min.js:37:1)

• No colored violin plots
• No tooltips on hover -> instead error above
• Selecting a violin plot has no effect but repeating the error message
• Selecting some rows in the data table always highlights the first violin plot (independent if only male or female or mixed are selected)
  

Expected result

The error should be fixed and the selection must work again. In best case the categorical colors are also matching the one in the LineUp.

Local dev setup

@dvchristianbors Steps to run the setup due to the missing merge and release of datavisyn/visyn_scripts#67.

package.json resolutions

{
"resolutions": {
    "visyn_core": "git+ssh://[email protected]/datavisyn/visyn_core.git#mweigl/add-proper-violin-plot-selection",
    "visyn_scripts": "git+ssh://[email protected]/datavisyn/visyn_scripts.git#mweigl/remove-security-routes-proxy"
}
}

requirements.txt --> add the following two dependencies:

visyn_core@git+https://github.com/datavisyn/visyn_core.git@develop#egg=visyn_core
# pin werkzeug version because the new major version 3.0.0 breaks our applications on Oct 2 2023; the version can be removed later again when the other packages support v3.0.0
werkzeug==2.3.7

mock_data_api/requirements.txt

uvicorn[standard]==0.29.0
fastapi==0.110.1

Run yarn install and make develop.

Thank you for your changes.

I reviewed @dvmartinweigl 's latest changes:

No colored violin plots

Will be covered in a follow-up PR that also addresses synchronizing colors between a possible ranking and the vis.

No tooltips on hover -> instead error above

Error no longer occurs

Selecting a violin plot has no effect but repeating the error message

Selection now works (also multi-select)

Selecting some rows in the data table always highlights the first violin plot (independent if only male or female or mixed are selected)

Selections in the ranking will highlight the correct violins, accordingly.

Another comment from my side:
As soon as there is a large number of violin plots, the individual plots no longer can be hovered or selected. However, this seems to be a limitation within plotly itself, and is only really solvable by the user specifically filtering out categories. I think this is fine, since for a general vis, we can not realistically cover all edge cases.