Matrix chart
Impact Priority Matrix
A 2×2 effort–impact matrix for prioritising tasks, with spring-animated dots and quadrant context labels.
Points spring into position with staggered delays, quadrant backgrounds subtly reinforce the meaning (Quick Wins in green, Expensive in red), and the active point rings and floats to draw focus.
Dependencies
framer-motiontailwind-mergetailwind-variants
Interaction type
Hover or focus any dot to see its label, description and effort–impact values.
Usage
import { ImpactPriorityMatrix } from "@/registry/new-york-v4/ui/impact-priority-matrix"
<ImpactPriorityMatrix data={items} />Optimization Opportunities
Web performance improvements ranked by effort vs impact