We use SVG to draw line graphs:
By design, the width should be 100%, so its exact value is unknown when SVG is generated. preserveAspectRatio="none" makes SVG to fill the 100% width, but it distortes the circles.
We save lines from distortion using vector-effect="non-scaling-stroke" option; is there some trick to keep circles radius the same when scaling SVG?