Booking Status SVG Animation

When a customer creates a new booking we needed a way to efficiently convey urgency and status in a single component. The solution was a circular progress graph that animates on page load and visually represents the time since creation to the final date of the booking. Building this component in react allowed me to dynamically animate an SVG path and systematically apply different styles depending on the progress and urgency of the booking.