feat(surveys): survey results summary

[jurajmajerik]

feature flag: surveys-results-visualizations
Implemented a stacked bar showing survey status per user

Edge case - when a sub-bar is too small, the value will overflow. In that case, I don't render the value, but there's always a tooltip available. Happy to hear feedback @corywatilo.

Testing

Manually in the browser.

[neilkakkar]

I think you can do this subtraction in javascript once you get the three values, will be much faster :) - unless I'm missing a case where this count is different? 🤔

Also, add the timestamp filters like in surveyMetricsQuery :)

Otherwise, looking good!

[liyiy]

Error state needs to be addressed

[liyiy]

1. I think let's make the bar and numbers a little thicker? It looks a bit thin and the numbers are hard to read because of that, but maybe that's just from the screenshot? :o

2. It would also be nice to include the absolute numbers of survey shown etc, below the percentage if we have that on hand anyway. Like we make the percentage number a bigger font and then the absolute number beneath it a bit smaller

3. The primary colors are a bit strong on the eyes... especially the white on bright yellow, but we can address that later on as needed

[liyiy]

Just the above with the error states and points 1+2, otherwise good to merge since it's feature flagged 👍

[corywatilo]

Looks pretty good! For the small bars, I was going to suggest just letting the minimum width just be as wide as the number inside of it. But this tooltip option works great too.

I'm having trouble getting the app running right now so I'll just base off the screenshots above:

• Instead of using the literal color values from the wireframes, let's use the colors we use in insights that match the closest
  
• Whole numbers in the bars might work better than percentages. Why don't we use numbers in the bars, then percentages in the legend? Like: • Dismissed (32.1%)
• Should we say "Viewed" instead of "Seen"? (This will match the metric label above the bar chart a little better)
• Could also be nice to show the total responses count (value of the green segment) as a metric listed next to the viewed. (Don't need dismissed or abandoned up there since they're not as important, but having total seen and total responses seem like good stats to have up there.)

[jurajmajerik]

Feedback incorporated!