But I think there’s work to do on the display of the aggregate.
I imagine there should probably be a table somewhere at least (a list of each person and what they say).
This might show a distribution, above.
There must be some way to just not have the icons overlap with each other like this. Like, use a second dimension, just to list them. Maybe use a wheat plot? I think strip plots and swarm plots could also be options.
Really appreciate all the feedback and suggestions! This is definitely more votes than we expected. 😅
I implemented a hover-over based on @Agnes Stenlund’s designs in this PR, though our deployment is currently blocked (by something unrelated), so I’m not sure how long it will take to make it to the live site.
I may not have time to make further changes to the poll results UI this week, but please keep the comments coming—if we decide to run another debate or poll event, then we will iterate on the UI and take your feedback into account.
The orange line above the circles makes it look like there’s a similar number of people at the extreme left and the extreme right, which doesn’t seem to be the case
I think it’s neat!
But I think there’s work to do on the display of the aggregate.
I imagine there should probably be a table somewhere at least (a list of each person and what they say).
This might show a distribution, above.
There must be some way to just not have the icons overlap with each other like this. Like, use a second dimension, just to list them. Maybe use a wheat plot? I think strip plots and swarm plots could also be options.
I’m excited that we exceeded our goals enough to have the issue :)
I would personally go for a beeswarm plot.
But even just adding some random y and some transparency seems to improve things
document.querySelectorAll(‘.ForumEventPoll-userVote’).forEach(e ⇒ e.style.top = `${Math.random()*100-50}px`);
document.querySelectorAll(‘.ForumEventPoll-userVote’).forEach(e ⇒ e.style.opacity = `0.7`);
Really appreciate all the feedback and suggestions! This is definitely more votes than we expected. 😅
I implemented a hover-over based on @Agnes Stenlund’s designs in this PR, though our deployment is currently blocked (by something unrelated), so I’m not sure how long it will take to make it to the live site.
I may not have time to make further changes to the poll results UI this week, but please keep the comments coming—if we decide to run another debate or poll event, then we will iterate on the UI and take your feedback into account.
Looks great!
I tried to make it into a beeswarm, and while IMHO it does look nice it also needs a bunch more vertical space (and/or smaller circles)
Also adding a little force works too, eg here. There are pretty easy libraries for this.
The orange line above the circles makes it look like there’s a similar number of people at the extreme left and the extreme right, which doesn’t seem to be the case