Dashboard Overview

Open any project, click Web Analytics in the side nav. You land on a single page that summarizes every visitor, every pageview, every event for the current time range.

Top: KPI strip

Five cards across the top:

Unique visitors — distinct visitor_id count in range.
Pageviews — every pageview event.
Sessions — distinct session_id count.
Bounce rate — sessions with only one pageview, as a percentage.
Avg duration — average session length.

Each card shows the current value, a delta vs the previous period, and a small sparkline.

Click the first three (visitors / pageviews / sessions) to swap the metric in the big chart below. Bounce rate and avg duration are display-only — they can’t be plotted as a timeseries.

Middle: big chart

Area chart of the selected metric over time. The dotted line is the previous period for context. Avatar pins on the line are real visitors — click any pin to open the Visitor Detail Drawer.

The chip in the top-right (pageviews / visitors / sessions) switches what the chart shows. Same effect as clicking a KPI card.

Below the chart: world map

3D-feeling SVG map with one Notionist avatar per visitor at their lat/lng. Country fill darkens with traffic volume.

Hover a country → tooltip with visitor count.
Click an avatar → opens the same drawer as the big chart.
Live / All toggle (top-left of the map) — live shows only visitors active in the last 5 minutes.
+ / − / reset / fullscreen controls top-right.

Visitors active right now (via the live WebSocket) show up immediately, even if they hit the site after you opened the page. No refresh needed.

Side panels

To the right of the map (in /web-analytics) and on the dashboard body:

Top Pages — pageview counts per path. Tiny color dot before the path = Web Vitals health (see Web Vitals).
Top Referrers — where traffic came from. Direct / None means no referrer header.
Top Countries — choropleth list. Click “View all” to see all 500.
Top entry / exit pages — first and last pageview in each session.
Top flows — the most common 3-page paths through your site.
Custom Events — every Loguro.track('event_name') you’ve fired, with delta and sparkline.

Every panel has a “View all” chip in its header → opens a side drawer with the full list (up to 500 entries).

Right column (xl screens): Live panel

When the page is wide enough, a “Now” panel sticks to the right. Real-time visitor feed:

Count of visitors online (active in the last 5 min).
Top pages right now.
One row per active visitor — click to expand their event timeline.
Hover a row → “open visitor details” icon appears, opens the drawer.

Filter bar

Between the time-range chips and the KPI strip:

Filter: path:/projects country:RO !device:mobile event_type:custom …  (⌘F)

See Filtering for the full syntax.

Compare toggle

Right of the filter input, the “Compare prev” pill. When on, panels that support it (Top Pages, Top Referrers, Top Countries, Custom Events) show a +12% / −4% delta chip next to each row. Useful for spotting which paths are growing or fading.

Custom Events panel

Lists every event name you’ve passed to Loguro.track(...), sorted by count, with:

A trend arrow (up / down / flat) and ±N% vs the previous period.
A sparkline of activity over the current range.

If you haven’t called track() yet, the panel says so and points you at the SDK docs.

What’s missing on purpose

The Signup Funnel card is a placeholder — funnel goal config isn’t shipped yet.
Resource load failures and navigation status codes aren’t surfaced. The browser doesn’t expose status codes to JS for the document navigation itself.