[Lens] Waffle visualization type

ghudgins commented 3 years ago

Describe the feature: Descriptions copied/tweaked from @monfera (more detail in this PR) https://github.com/elastic/elastic-charts/pull/1255 Add waffle chart as a Visualization Type to the set of partition visualizations in Lens (alongside Pie, Treemap, Moasaic). It shows a parts to whole relationship, like pie charts or treemaps, but sometimes a better option than these. It is distinct from the gridded charts in APM that show specific units and were titled waffle map.

Describe a specific use case for the feature: When I am showing single layer part-to-whole data on a dashboard (rectangular panels) And My data has low cardinality and doesn't have categories with small values (small categories run the risk of not showing up) I need a waffle visualization (instead of pie or treemap) So I can best take advantage of the rectangular space with high degree of readability And visualize partition data in this responsive way that doesn't collapse (like pie does) And visualize changing data with consistent visualization results (treemaps can shuffle the results and look significantly different period to period)

elasticmachine commented 3 years ago

Pinging @elastic/kibana-app (Team:KibanaApp)

ghudgins commented 3 years ago

A few details after talking to @elastic/datavis today

waffle only has 1 group by.
It's preferable to use waffle over pie from the datavis team's perspective...but there are issues when the slice size isn't very big. We could consider putting this above pie/donut 🤔 I'll be adding the "smarts" to detect size size ( 😉 ) to the suggestions meta.

as an aside - we probably need a separate vis type to build the equivalent of the "Inventory" visualization from Observability

ghudgins commented 3 years ago

should consider a warning case if data is <1% as it will not display

MichaelMarcialis commented 3 years ago

In preparation for this feature, I've created a new icon for the waffle visualization type to be used in the Lens app. I’ve also updated the previous heatmap icon in order to better visually distinguish it from this new waffle icon. Download links are below.

ghudgins commented 2 years ago

@alexwizp I confirmed with @markov00 that we do need to put "Experimental" on this as kibana will be the first consumer of this functionality CC @flash1293

elastic / kibana

[Lens] Waffle visualization type #107059