Risk Assessment Matrix

Score, visualize, and mitigate organizational risks on a 5×5 heat map.

Overview

Risk Assessment Matrix is a single-page browser app for risk managers and project leads who need to register risks, calculate scores, and prioritize mitigation. It uses AG-Grid for the risk register, a color-coded 5×5 matrix, Alpine.js forms, SheetJS import/export, and Chart.js analytics — all in one HTML file.

Key features

Risk register

• AG-Grid with Risk ID, Description, Likelihood, Impact, Risk Score, Owner, Status, and Mitigation
• Risk Score = Likelihood × Impact (1–5 scale)
• Click Edit or a row to load the form

5×5 risk matrix

• HTML heat map with Low, Medium, High, and Critical color zones
• Cell counts show how many risks fall in each likelihood × impact cell
• Active cells highlight where risks are plotted

Add/edit form

• Alpine.js form with date-free risk entry
• Likelihood and Impact dropdowns (1–5)
• Live score preview and level label
• Status: Open, In Review, Mitigated, Closed

Risk levels & summary

• Low (1–4), Medium (5–9), High (10–15), Critical (16–25)
• Color-coded score cells in the grid
• Four summary cards count risks by level

Import & export

• Import Excel/CSV to replace the register
• Export current risks to risk-assessment-export.xlsx
• Mitigation notes column for planned controls

Analytics & theme

• Pie chart of risk distribution by level
• Dark mode with saved preference
• Data persists in localStorage

Data & persistence

• 8 sample enterprise risks pre-loaded
• Stored in localStorage (`riskAssessment_v1`)
• Import replaces all rows after confirmation

Built with

Tailwind CSS, Alpine.js, AG-Grid Community, Chart.js, and SheetJS — all from CDN in a single HTML page.

Try the interactive walkthrough below. Click Walk through features and use Next / Back (or arrow keys) to explore every feature.