Skip to content

Add feeder photo background to heatmap + analytics section on local dashboard - #12

Merged
LeeOtts merged 1 commit into
mainfrom
claude/heatmap-image-analytics-IFgq8
May 13, 2026
Merged

LeeOtts merged 1 commit into
mainfrom
claude/heatmap-image-analytics-IFgq8

Conversation

@LeeOtts

@LeeOtts LeeOtts commented May 13, 2026

Copy link
Copy Markdown
Owner

$(cat <<'EOF'

Summary

  • Heatmap feeder photo: renderHeatmapGrid() now draws a feeder photo as the canvas background, with semi-transparent green heat cells overlaid so the photo shows through. Empty cells are fully transparent. Falls back to dark background if feeder.jpg is missing. Drop your feeder photo at website/img/feeder.jpg to enable it on the public stats page.
  • Local dashboard analytics: New "Bird Analytics" section on the local Flask dashboard (port 8080) showing visits today/week, peak hour, activity streak, the position heatmap (with /static/feeder.jpg background), a 24-hour activity bar chart, and a behavior breakdown with percentage bars. Fetches from /api/analytics on load and every 2 minutes.

To enable feeder photo

  • Public stats page: place feeder photo at website/img/feeder.jpg
  • Local dashboard: place feeder photo at web/static/feeder.jpg

https://claude.ai/code/session_01PThGWo2FsMsk3v3Yb61ffx
EOF
)


Generated by Claude Code

…shboard

- Update renderHeatmapGrid() to accept an optional feeder photo URL;
  the image is drawn as canvas background and heatmap cells are
  semi-transparent so the feeder photo shows through beneath the heat colors.
  Empty cells (count=0) are fully transparent so the feeder is visible
  in quiet zones. Falls back to dark background if photo is missing.
- Public stats page now loads img/feeder.jpg as the heatmap background;
  place a photo of your feeder at website/img/feeder.jpg to enable it.
- Add Bird Analytics section to the local Flask dashboard (port 8080)
  with summary cards (visits today/week, peak hour, streak), the
  position heatmap using /static/feeder.jpg as background, a 24-hour
  activity bar chart, and a behavior breakdown with percentage bars.
  Data is fetched from /api/analytics on load and every 2 minutes.

https://claude.ai/code/session_01PThGWo2FsMsk3v3Yb61ffx
@LeeOtts
LeeOtts merged commit cc70006 into main May 13, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants