LLM-friendly URL

Data Fields

A data field is a column or formula from a dataset -- the raw building blocks users choose from when configuring a chart. For example, a dataset might contain fields like "Revenue", "Order Date", or a calculated formula such as "Revenue per Customer". Data field components present these to the user so they can be dragged into chart slots .

Use data field components when you are building a chart configuration UI and need to show users which data is available. They pair naturally with the slot components described in Item Data Slots : data fields are what users pick, slots are where they place them.

Components

  • luzmo-data-field -- Represents a single draggable column or formula. Use it when you need precise control over which fields appear in your UI, or when you are building a custom layout.

  • luzmo-data-field-panel -- A ready-made panel that lists all fields for one or more datasets, with built-in search and optional dataset switching. This is the recommended starting point for most use cases.

Visit their individual pages for more information, full API reference, and interactive examples.

Interactive example

Dataset fields (panel)<luzmo-data-field-panel>
Chart slots (panel)<luzmo-item-slot-drop-panel>
Live bar chart<luzmo-viz-item>
Did this page help you?
Yes No