Skip to content

Experiment with beeswarm visualization

Clarke, Aileen requested to merge beeswarm-experiment into main

Closes #9 (closed) This component updates the original beeswarm to include a toggle that separates the beeswarm into 3 categories representing positively related, negatively related, and unrelated indicators. Most changes were made in Beeswarm.vue and don't impact other components.

The beeswarm component is currently using the existing p2_agree_evid_stats.csv file for both views of the beeswarm. Elmera and I agreed that we should use indicator level data in this csv for the version with 3 swarms If we used the data from indicator_uncertainty.csv for the 3 swarms they would be quite sparse and also misrepresent the number of studies that belong in each of those 3 categories.

The benefit of using the more detailed csv for both versions means that the bubbles can do a smooth repositioning. The page loads with 1 swarm. Using the buttons "1 swarm" and "3 swarms" the user can toggle from one view to the other. If we keep this set up, we can restyle as an actual toggle. swarm1 swarm_2

Questions/concerns:

  • Sizing of the beeswarms. Do we need to scale the bubbles down so we can make a smaller viz and incorporate text more easily?
  • Getting rid of dead space in the 3 swarms. I've tried a few options for the yScale, but would be good to get another set of eyes
  • Thoughts on standardizing the colors across the whole project? This may be better addressed in a separate issue.

Potential updates to this MR:

  • Use indicator_uncertainty.csv for the full swarm graph and see if we can smoothly transition to the more detailed view. Look into the new data frame (p2_top_trend_stats) Elmera mentioned to see if this could help achieve this.
  • Decide ordering of postive, negative, unrelated
  • Tooltip pop ups on hover? right now the tooltip just appears at the bottom of the svg container.
Edited by Clarke, Aileen

Merge request reports