[STORY] Risk Heatmap (6x6 Grid)
Open
frontend
P0-critical
phase-mvp
user-story
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
## User Story
*As a compliance officer, I want to see a spatial representation of risk across my systems, so that I can quickly identify hotspots.*
## Epic
**Related Epic**: #
## Acceptance Criteria
- [ ] 6x6 grid layout implemented
- [ ] Color-coded risk states (Safe/Warning/Critical)
- [ ] Hover effects (translate + shadow)
- [ ] Click to drill down into domain details
- [ ] Responsive on mobile/tablet
## Technical Details
- React component with Tailwind CSS
- Hard shadow animations on hover
- State: Safe (white), Warning (yellow + stripes), Critical (red + vibrate)
## Estimate
**Story Points**: 5
Contributor guide
Assessment
This issue has not been assessed yet.