New Insights Charts

[JasonWarrenUK]

What type of PR is this? (check all applicable)

• Refactor
• Feature
• Bug Fix
• Optimisation
• Documentation Update
• Styling
• Build
• Chore

Description

Insights

• use dynamic date ranges rather than hardcoded date boundaries (examples below)

Filter	Old	New
day	6am-midnight	previous 24 hours
month	days in this month	days since this date last month

Line Graph

• year view now shows monthly averages rather than every record

  this makes the year view readable

• plotted points now invisible, showing lines only
• added dynamic padding to y-axis to prevent the line thickness resulting in visual clipping

New Stacked Area Chart

• shows all recorded moods as a proportion of all records (i.e. this shows percentages, not numbers)
• shows selected date range
• state at start of date range reflects records from before the date range

New Stream Graph

• shows evolution of your mood across a given time period
• disregards records prior to date range
• is technically a modified stacked area chart, as a true stream chart would need exponentially more data to actually show anything

Other

• rationalised imports & default exports across insights & moods
• updated imports & mocks in mood page tests to reflect rationalised default exports

Screenshots

Dynamic Ranges

Monthly Averages in Year View

Clipping Reduction

Area Chart

Stream Graph

UI accessibility checklist

If your PR includes UI changes, please utilize this checklist:

• Semantic HTML implemented?
• Checked with axe DevTools and addressed Critical and Serious issues?
• Color contrast tested?

Added/updated tests?

Please aim to keep the code coverage percentage at 80% and above.

• Yes
• No, and this is why: please replace this line with details on why tests
  have not been included
• I need help with writing tests

Delete branch after merge?

• Yes, assuming the Design Museum doesn't want it
• No

What gif best describes this PR or how it makes you feel?

[netlify]

✅ Deploy Preview for thingswedo ready!

Name	Link
🔨 Latest commit	404ed61
🔍 Latest deploy log	https://app.netlify.com/sites/thingswedo/deploys/675ae207ed0e8a000816845e
😎 Deploy Preview	https://deploy-preview-74--thingswedo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[jackcasstlesjones]

pls refactor db manager and apply other changes (mainly deleting comments)

[maxitect]

Just some comments on database manager to go back to using generic seed method and seperate seed data from database methods

[maxitect]

Looks great!!