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 reinforce meaning and the active point gains a restrained focus ring.
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