Overview of Charting Components in marimo
mainThe marimo charting system uses a modular architecture to maintain a consistent look and feel. The system is divided into three main categories of components:
- Layouts: Thin wrappers around
@uicomponents that provide consistent styling and behavior (e.g.,TabContainer,AccordionConfigs). - Form Fields: Specialized form fields that wrap
react-hook-formcomponents for use within chart configuration forms (e.g.,ColumnSelector,AggregationSelect). - Chart Items: High-level components used to build the actual charts by grouping common form fields and layouts together (e.g.,
XAxis,YAxis,ChartTypeSelect).