While 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:/
![Smooth a Svg path with cubic bezier curves](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc7044a6e8daf675a66e6277ea2f28c935a7c95d/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2AYeuMFj-yyi94xG6YeWfAKQ.jpeg)