Dash provides a variety of layouts to suit different data visualization needs. Each layout offers specific configuration options, allowing you to craft a unique output tailored to your requirements. The choice of layout significantly influences how data fields are organized and displayed within the Fields preferences.
You can find these settings when opening the preferences of a Dash block.
Available Layout
Choose the structure that best fits your content. Some layouts include unique settings and offer different ways to map your data fields:
Table – A classic row-and-column view.
Grid – Displays items in responsive cards or blocks.
Slider – A horizontal carousel for browsing items.
Masonry – An adaptive grid layout where items fit into columns based on their height.
Accordion – A collapsible list that expands to show content.
Accordion (with tables) – Collapsible sections that contain formatted data tables.
One figure + label layout – Focused on displaying a single prominent metric or value with a label.
One figure / other figure layout – Designed for comparing two specific metrics.
Timeline – Displays data points chronologically along a vertical or horizontal axis.
Custom layouts – Select custom layouts created with the developer addon.
General layout settings
The following settings apply to all layouts and control how the data is retrieved and paginated:
Sort by – Choose a field from your data source to determine the order of the entries.
Sort direction – Set the order to ASC (Ascending) or DESC (Descending).
Limit to – Set the maximum number of results the query should return in total.
Per page – Define the maximum number of results to display on a single page before pagination is required.
Note: Dash is built in a modular fashion with very few configuration restrictions. However, not every layout is suitable for every data source.