Here’s a little experiment with SVG animation, using the stroke-dasharray and stroke-dashoffset properties in CSS to create fireworks.
This SVG has four paths, each made of 12 strokes emanating from a center point.
Switch to dashed mode and change the size, spacing, and offset of the dashes. Then switch to animated mode to see the fireworks created by animating the stroke-dashoffset property.