Traffic trends and top content in one view
The first chart row has two main widgets:
Visitors Over Time
Type: Area chart.
Data: Unique visitors and page views per day (or per bucket for 24h) for the selected time range. Data comes from the visitors API; chart supports 24h, 7d, 30d, 90d.
Y series: Visitors (unique) and pageviews. Both can be shown in the same chart with different colors.
Options: Smooth curves, fill opacity, guides, X axis; Y axis can be hidden for a cleaner look. When Live is on, a glow effect (e.g. green) can be applied to indicate real-time updates.
Loading: A skeleton or loading state is shown until data is ready.
Popular Posts
Type: Bar chart.
Data: Most viewed posts in the selected period (e.g. top 8). Data includes post title, view count, post ID, and post URL. Supports 7d, 30d, 90d.
X axis: Post title (truncated if too long, e.g. 17 chars + "...").
Y axis: View count.
Loading: Skeleton or loading state until data is ready.
Layout: On large screens, Visitors Over Time typically spans more columns (e.g. 4) and Popular Posts fewer (e.g. 3); on smaller screens they stack or resize. Both use the shared ChartWidget from the dashboard/design system.
Benefit: Quickly see traffic trends and which content performs best in one view.