Smooth a Svg path with cubic bezier curvesWhile it is straightforward to draw straight lines in a Svg element, it requires a bit of trigonometry to smooth these lines. Let’s see how. We have an array of tuples representing the points coordinates of a line. const points = [[5, 10], [10, 40], [40, 30], [60, 5], [90, 45], [120, 10], [150, 45], [200, 10]]And a Svg element in an HTML page: <svg viewBox="0 0 200 200" version="1.1" xmlns="http:/
