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 extracting publication dates from page frontmatter.

What It Shows

  • 📈 Content Growth: Track publishing activity over time based on original publication dates
  • 📊 Category Distribution: Visual breakdown of content across Read, Use, Listen, Enjoy, and See sections
  • 📅 Activity Heatmap: GitHub-style calendar showing daily content creation patterns
  • 🌱 Recent Pages: Latest published 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
  • Extracts publication dates from HTML meta tags (generated by Hugo’s OpenGraph partial)
  • Generates interactive charts and statistics client-side
  • Caches data for only 5 minutes to improve performance
  • Fully responsive with dark/light theme support

Date Extraction

The analytics looks for publication dates in the HTML using Hugo’s built-in OpenGraph meta tags. For content pages, Hugo automatically includes <meta property="article:published_time" content="..."> when the .Date field is present in frontmatter. The JavaScript fetches each page’s HTML and extracts the date from these meta tags.

Loading gallery statistics...

📅 Activity Heatmap

GitHub-style calendar visualization showing content creation activity over the past year, with color intensity indicating daily page publications based on original publication 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: —