Views - Charts
The Charts view turns the current SleekView dataset into a configurable dashboard. It is designed for reporting, summaries, and visual overviews that belong beside your existing Table, Kanban, and Feedback views.
Charts are configured through the sidebar on the right when editing a view. The view itself is read-only: it visualizes data, while editing, drag and drop, submissions, and upvotes remain available in the view types built for those workflows.
General Settings
Name
The display name for this view. This name appears in the tab navigation when multiple views are configured for the same post type or data source.
Type
Select "Charts" as the view type. This determines the available configuration sections and renders the view as a dashboard of chart cards.
Disable view
Toggle this option to temporarily disable the view from rendering in the admin. The view configuration is preserved, but it will not appear in the admin interface.
Data
Filter the data before it is rendered and aggregated by the chart cards. See Data Filtering for detailed information on creating filters.
Charts use the same data source system as the other view types. You can chart post types, custom tables, custom REST URLs, HTTP CSV/JSON/JSONC, media CSV/JSON/JSONC, WordPress-relative CSV/JSON/JSONC/SQLite files, and registered presets.
Layout
Minimum column width
Set the minimum width for each dashboard column. SleekView uses this value to build a responsive grid, so wider values create fewer, roomier columns and smaller values create denser dashboards.
Each chart card can also set its own card size:
- Auto: follows the responsive grid
- Standard: stays in one grid column
- Wide: spans more horizontal space
- Full: spans the full dashboard width
Chart Cards
Charts are managed in a repeater. Each row in the repeater becomes one card in the dashboard. Cards can be reordered with move controls and removed when they are no longer needed.
Card title
Set the title shown at the top of the chart card.
Type
Choose the chart type for the card.
- Number: shows one aggregated value
- Area: shows trends with optional fill, gradient, axes, and stacking
- Bar: compares grouped values vertically or horizontally
- Line: shows trends with straight, stepped, or curved lines
- Pie: shows part-to-whole composition, including donut variants
- Radar: compares grouped values across a polar grid
- Radial: shows circular progress, share, or stacked radial values
Variant
Most chart types include variants based on shadcn chart patterns:
- Area: default, linear, step, gradient, stacked, stacked expanded, axes
- Bar: default, horizontal, stacked, label
- Line: default, linear, step, dots, label
- Pie: simple, label, label list, legend, donut, active donut, donut text
- Radar: default, dots, lines, grid, no grid, multiple
- Radial: simple, label, grid, text, shape, stacked
Number cards only use the default variant.
Data Mapping
Group by column
Choose the column that should become the chart categories. For example, group by
status to show totals for Backlog, In Progress, and Done.
Number cards do not use a group by column because they summarize the whole filtered dataset.
Series column
Choose an optional column for multiple series. This is available for Area, Bar, Line, and Radar charts. For example, group by month and use status as the series column to compare monthly status totals.
Aggregation
Choose how each value should be calculated.
- Count: count rows
- Sum: add numeric values from the value column
- Average: average numeric values from the value column
- Minimum: use the smallest numeric value from the value column
- Maximum: use the largest numeric value from the value column
Value column
Choose the numeric column used by sum, average, minimum, and maximum aggregations. Count does not need a value column.
Shared Display Settings
Color
Choose a chart color from the SleekView chart palette. Multi-series and composition charts use the palette to keep series visually distinct.
Show tooltip
Enable or disable chart tooltips. Tooltips are available for all chart cards except Number cards.
Tooltip indicator
Choose the tooltip indicator style: dot, line, dashed, or none.
Show legend
Enable or disable the legend when the chart type supports it.
Show labels
Enable or disable labels on the chart itself when the chart type supports them.
Cartesian Settings
Area, Bar, and Line charts can control the cartesian chart frame.
Show grid
Show or hide grid lines.
Show X axis
Show or hide the X axis.
Show Y axis
Show or hide the Y axis.
Curve type
Area and Line charts can choose monotone, linear, step, or natural curves.
Stack mode
Area and Bar charts can use no stacking, stacked values, or expanded stacking.
Bar orientation
Bar charts can be vertical or horizontal.
Bar radius
Set the corner radius for bar marks.
Area and Line Settings
Show gradient
Area charts can use a gradient fill.
Show fill
Area charts can show or hide the filled area.
Fill opacity
Area and Radar charts can adjust fill opacity.
Stroke width
Area, Line, and Radar charts can adjust the stroke width.
Show dots
Line and Radar charts can show or hide point markers.
Polar Settings
Radar and Radial charts can control the polar chart frame.
Show grid
Show or hide the polar grid.
Show radius axis
Show or hide the radius axis.
Show angle axis
Radar charts can show or hide the angle axis.
Show fill
Radar charts can show or hide the filled area.
Radius Settings
Pie and Radial charts can control their circular shape.
Inner radius
Set the inner radius. Increase this value to create donut-style charts.
Outer radius
Set the outer radius.
Start angle
Set the start angle in degrees.
End angle
Set the end angle in degrees.
Padding angle
Pie charts can set spacing between slices.
Corner radius
Radial charts can set rounded segment corners.
Center text
Radial charts can show or hide centered text when the selected variant supports it.
Conditions
Control the visibility of the entire Charts view based on user roles, environment, or other conditions. See Conditions for detailed information.