SleekView 1.3 adds Charts View, a new way to turn the same WordPress and custom-source data you already manage with SleekView into visual dashboards. Instead of creating a separate reporting screen, you can add a Charts tab next to your Table, Kanban, and Feedback views and build chart cards directly inside the view configuration sidebar.

The new view is built around shadcn-style chart patterns powered by Recharts, while staying compatible with the Tailwind 3 setup used by SleekView.

Chart Cards

Charts are configured as an accordion repeater. Each card has its own title, chart type, variant, data mapping, aggregation, color, size, and display settings.

That means a single Charts view can mix:

• A number card for a total count
• A bar chart grouped by status
• A donut chart grouped by category
• A stacked area chart grouped by date and series
• A radar or radial chart for coverage and share

Cards can be moved, duplicated through the same repeater workflow, and arranged inside a responsive grid.

Available Chart Types

SleekView 1.3 includes the chart types we wanted from the shadcn charts set:

• Number: metric cards for totals and aggregated values
• Area: default, linear, step, gradient, stacked, stacked expanded, and axes variants
• Bar: default, horizontal, stacked, and label variants
• Line: default, linear, step, dots, and label variants
• Pie: simple, label, label list, legend, donut, active donut, and donut text variants
• Radar: default, dots, lines, grid, no grid, and multiple-series variants
• Radial: simple, label, grid, text, shape, and stacked variants

Each type exposes the settings that make sense for that chart. For example, area and line charts can adjust curves and stroke width, bar charts can switch orientation and radius, pie and radial charts can adjust angles and radii, and radar/radial charts include polar grid and axis controls.

Data Mapping and Aggregation

Each chart card can choose how to read the current dataset:

• Group by column controls the chart categories
• Series column creates multiple series for area, bar, line, and radar charts
• Aggregation supports count, sum, average, minimum, and maximum
• Value column is used when the aggregation needs numeric source values

Because this is part of SleekView's existing query layer, charts work with post types, custom tables, custom REST URLs, CSV, JSON, JSONC, SQLite, media files, WordPress-relative files, and registered presets.

Dashboard Layout

Charts View uses a responsive grid with a configurable minimum column width. The default is intentionally roomy, and editors can adjust it per view to make dashboards denser or more spacious.

Each card can also choose a size:

• Auto follows the grid
• Standard keeps the card in one grid column
• Wide spans more horizontal space
• Full spans the full dashboard width

This makes it possible to mix compact metrics with larger charts without creating a custom admin page just for reporting.

Visual Controls

The chart settings expose the common display controls editors expect:

• Tooltips and tooltip indicators
• Legends and labels
• Grid, X axis, and Y axis controls
• Curves, stack modes, fill, gradients, opacity, and stroke width
• Inner radius, outer radius, start angle, end angle, padding angle, and corner radius
• Polar grid, angle axis, radius axis, dots, fill, and center text where relevant

All chart colors use the SleekView chart palette, so the output stays consistent in light and dark admin themes.

Works With the Rest of SleekView

Charts View is not a separate reporting plugin. It is another view type inside the same SleekView model:

• View filters apply before charts aggregate the data
• Conditions still control whether the view is available
• Frontend embeds can render chart dashboards through the same shortcode system
• Admin pages can combine chart dashboards with tables, kanban boards, and feedback views

Charts are read-only by design. Editing, drag and drop, submissions, and upvotes remain in the views built for those workflows, while Charts View focuses on summarizing and visualizing the current dataset.

See the full Charts View documentation for all settings and configuration details.