Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Lens] Reduce chart switcher list items #179260

Closed
markov00 opened this issue Mar 22, 2024 · 2 comments · Fixed by #187475
Closed

[Lens] Reduce chart switcher list items #179260

markov00 opened this issue Mar 22, 2024 · 2 comments · Fixed by #187475
Assignees
Labels
enhancement New value added to drive a business result Feature:Lens impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. needs design Team:Visualizations Visualization editors, elastic-charts and infrastructure UX: UI/UX Designs Requires design mocks before development and UX lead approval on PR before merge.

Comments

@markov00
Copy link
Member

The current chart switcher is very long and contains not just chart types, but chart type with style configurations like:

  • pie and donut, where the main difference is just in the inner radius
  • horizontal/vertical bar charts
  • stacked/nonstacked/percentage
Screenshot 2024-03-22 at 15 45 36 Screenshot 2024-03-22 at 15 45 43 Screenshot 2024-03-22 at 15 45 47

As described by @MichaelMarcialis here this list can be we could offer greatly simplified as:

  • Line

  • Area (consolidation of area, area percentage, area stacked)

  • Bar (consolidation of bar horizontal, bar horizontal percentage, bar horizontal stacked, bar vertical, bar vertical percentage, vertical stacked)

  • Bullet (consolidation of bullet horizontal, bullet vertical)

  • Gauge (consolidation of gauge minor arc, gauge major arc, gauge circle)

  • Heat map

  • Metric

  • Mosaic

  • Pie (consolidation of pie and donut)

  • Region map

  • Table

  • Tag cloud

  • Tree map

  • Waffle

And then we would allow the user to select things like orientation, stacked, percentage, donut hole, etc. elsewhere in the interface.

For bullet, gauge and pie I don't see any issue moving these configuration somewhere in the Visual options or somewhere in the Layer settings.

My main concerns with cartesian chart are the following:

  • configuring stack/percent per chart is IMHO better then doing that per layer, because it avoid the dual axis configuration.
  • configuring stack/percent per layer means that we are in favor of dual axis and it also requires the ability to switch quickly all layers in a single shot to simplify the curation of the chart.
  • horizontal/vertical orientation should be applied to the entire chart, is not possible to mix orientations per layer
@markov00 markov00 added enhancement New value added to drive a business result Team:Visualizations Visualization editors, elastic-charts and infrastructure Feature:Lens impact:needs-assessment Product and/or Engineering needs to evaluate the impact of the change. labels Mar 22, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-visualizations (Team:Visualizations)

@timductive timductive added impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. needs design UX: UI/UX Designs Requires design mocks before development and UX lead approval on PR before merge. and removed impact:needs-assessment Product and/or Engineering needs to evaluate the impact of the change. labels Apr 3, 2024
@MichaelMarcialis MichaelMarcialis self-assigned this Apr 4, 2024
@MichaelMarcialis
Copy link
Contributor

The latest Figma design mockups for this issue have been crafted and are ready for handoff to engineering. Some key screenshots from the mockups can be found below. Please view the full Figma document for all mockups and developer notes.


Image

Image

Image

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New value added to drive a business result Feature:Lens impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. needs design Team:Visualizations Visualization editors, elastic-charts and infrastructure UX: UI/UX Designs Requires design mocks before development and UX lead approval on PR before merge.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants