TMFNK Website Analytics Dashboard: Content Patterns & Growth

⬅️ Back to Projects

Welcome to the TMFNK Website Statistics Page!.

Interactive analytics dashboard for TMFNK website content, featuring data visualizations, category statistics, and content discovery tools. Based on the live sitemap https://www.tmfnk.com/sitemap.xml

📊 TMFNK Analytics Dashboard

Client-side website analytics dashboard built with vanilla JavaScript, Chart.js, and Hugo. This interactive tool dynamically analyzes your TMFNK website content by fetching the sitemap and using last updated timestamps for a fast, lightweight experience.

What It Shows

  • 📈 Update Activity: Track update activity over time based on sitemap lastmod dates
  • 📊 Category Distribution: Visual breakdown of content across Read, Use, Listen, Enjoy, and See sections
  • 📅 Activity Heatmap: GitHub-style calendar showing daily update patterns
  • 🌱 Recent Updates: Latest updated content with category tags and dates
  • 🎯 Category Navigation: Direct links to explore specific content areas

How It Works

  • Fetches sitemap.xml to discover all pages and lastmod timestamps
  • Uses sitemap lastmod values (no per-page crawling for speed)
  • Generates interactive charts and statistics client-side
  • Caches data briefly to improve performance
  • Fully responsive with dark/light theme support

Update Timestamps

The dashboard uses the <lastmod> values from sitemap.xml as the update timestamp for each page. This keeps the experience fast by downloading one file instead of crawling every page. Pages without a lastmod value are excluded from date-based charts.

Loading gallery statistics...

📅 Activity Heatmap

GitHub-style calendar visualization showing update activity over the past year, with color intensity indicating daily page updates based on sitemap lastmod dates.

Less
More

🪄 Auto-Update

Information panel showing the last update timestamp and cache duration, with automatic refresh when the site content changes.

Last updated: | Data cached for: