Aesthetics of range selector and UX review

[lcd2yyz]

If we decides to go with plotly range selector #289, few aesthetics needs to reviewed together with the new filter panel UX review insightsengineering/nestdevs-tasks#27

• Look/feel of histogram plot - height, binning, size
• Use the same two-tone colors for the categorical count horizontal bar char (dark vs light colored)? Currently the histogram is showing color vs grey
• Spacing/margin around the plot and range selector UI

To be refined later..

[chlebowa]

• Use the same two-tone colors for the categorical count horizontal bar char (dark vs light colored)? Currently the histogram is showing color vs grey

Please explain, do you want to use the histogram colors for the count bars or use the same color as the count bars for the histogram?

[chlebowa]

More issues:

• refine how RangeFilterState$content_summary() represents the selected numbers

---

Where to start:

• modify plot size in the plotlyOutput call
• modify plot borders in the css file (using private$plot_layout will result in the lines sticking out further outside the plot area)
• modify plot colors in private$plot_data and private$plot_filtered
• modify bin number in private$plot_data

[lcd2yyz]

• Use the same two-tone colors for the categorical count horizontal bar char (dark vs light colored)? Currently the histogram is showing color vs grey

Please explain, do you want to use the histogram colors for the count bars or use the same color as the count bars for the histogram?

The latter: use same color as the count bars for the histogram.
But this is just my preference, I would definite like to get a UX designer at some point.

[gogonzo]

addressed