[Canvas][Meta] Element improvements

[shaunmcgough]

Goals we will attain by improving elements

Canvas uses elements to make workpads, and enhancements should be constantly brought to market for existing elements, new elements should be added, and other element related work is also crucial to the continuing story of Canvas in the market.

Lens

Add Lens to Canvas with ability to edit Lens expressions

• Lens in Canvas [Canvas] - Lens Integration #40332

Elastic charts

The goal of adding Elastic charts to Canvas is to have a scalable, maintainable, and secure charting library to Canvas.

• Replace flot with Elastic Charts in Canvas Replace flot with Elastic Charts in Canvas #41714

Existing visualizations

Being able to add Lens visualizations to Canvas, and to embed existing visualizations into Canvas allows a wide variety of users and use cases to be realized.

• Embeddable Visualizations support in Canvas Embeddable Visualizations support in Canvas #23097

New elements

New elements could be added to Canvas in different areas, and the following issues reflect these.

• Vector Map Vector Map #23123
• Tree Map Element Tree Map Element #23119
• Image Switcher [Canvas] Feature Request: Image Switcher #27707
• Additional Input Controls Additional Input Controls #23065
• Support for maps and geospatial elements [Canvas] Support for maps and geospatial elements #27629
• Canvas embeddable [Canvas] Canvas embeddable #39839
• Make it easier to add plain text [Canvas] Make it easier to add plain text #28992

Existing elements

The existing elements in Canvas should be constantly improving and this list represents that.

• Timepicker improvements [Canvas] Timepicker improvements #35308
• Sortable data tables [Canvas] Sortable data tables #27925
• Clickable elements [Canvas][Meta] Clickable elements #53243
• Fix default colors in dark mode [Canvas] Fix elements' default colors in dark mode #33279
• Display filter information for elements and workpad [Canvas] Add filters information to the UI #50984
• Remove 3d / tilted pie charts [Canvas] Remove 3d / tilted pie charts #47311

General element properties manipulation

In Canvas, there are multiple ways to manipulate elements' properties. This is a list of overarching features that could touch multiple areas.

• Form Based Input [Layout Engine] Element Manipulation: Form Based Input #23056 (Also addressed in Layout Phase 2 #49122)
• Keyboard Shortcuts: Positioning and Manipulation of Elements Keyboard Shortcuts: Positioning and Manipulation of Elements #23058
• Conditional styling of components within an element [Canvas] Conditional styling of components within an element #27700
• Grouped elements accordion menu [Canvas] Grouped elements accordion menu #35907
• Set refresh rate for each element
• Add EuiPopover to Canvas elements (as done here)

Layout engine

Elements are laid out using a Canvas layout engine, which is used for things like snapping, nudging, and distributing elements.

• Layout Phase 2 Layout Phase 2 #49122

Dynamically created elements

Elements are based off of tabular data, and there should be a way to dynamically fill out the table based on dynamic variables. E.g. you may have a table of property types, and want a row per property type, or you may want each property type to create a markdown element for each.

• Support for Scripted fields in Canvas Support for Scripted fields in Canvas #26846

Element service

Any element could be uploaded to an element service that stores the element for other users to download. Data is not stored with elements. This could also use the integration service that is being rolled out.

• Add Canvas Asset https://github.com/elastic/package-registry/issues/86

Please edit as needed - this is an ongoing issue.

[elasticmachine]

Pinging @elastic/kibana-canvas (Team:Canvas)

[ThomThomson]

Closing this as most of these enhancements have been finished, and the remaining ones will likely not be prioritized.