Back to Portfolio
Live Dashboard

Site Analytics

A live analytics dashboard pulling real data from this website via GA4. Built as a portfolio piece to demonstrate data visualization, API integration, and analytics pipeline design.

Data Source Google Analytics 4
Backend Google Apps Script
Visualization Chart.js
Period Last 90 Days

Unable to load analytics data

The data API is temporarily unavailable. This dashboard pulls live data from Google Analytics via a serverless backend, so occasional delays are expected. Try refreshing in a few minutes.

--
Bounce Rate
--
Avg Engagement
--
Pages / Session
--
Total Visitors

Content Performance

Loading chart data...

Most Read Pages

Loading chart data...

Traffic Sources

Loading chart data...

Devices

Loading chart data...
Waiting for data...
GA4 data may be delayed 24-48 hours from real-time activity

How This Works

This dashboard is a live data pipeline built entirely with free tools. It demonstrates the full analytics workflow: collection, extraction, transformation, and visualization.

1. Collection

GA4 tracks pageviews, sessions, and user behavior across the site via the gtag.js snippet

2. Extraction

A Google Apps Script backend queries the GA4 Data API and returns structured JSON

3. Visualization

Chart.js renders the data into interactive charts, styled to match the site design

Skills Applied

Google Analytics 4 GA4 Data API Google Apps Script Chart.js Data Visualization JavaScript API Design Dashboard Design Data Pipelines
Back to Top ↑