How to make a connected particle system on an html5 canvas?

Question

JavaScript

Here is an example - codepen.io/acauamontiel/pen/mJdnw?editors=001
Is there a name for this?
And where can I find a tutorial on creating this% don't know what it's called%?

Answer 1

In my opinion, it's better to learn how to do this on SVG than on canvas. Canvas is a raster and SVG is a vector. Vectors, I believe, are the future. Canvas still has some limitations on the size of the canvas, which depend on the browser and platform.
I once did one interesting thing, first I did it on canvas, there was a canvas over 9000px vertically and this canvas was dropped by the browser. At first, he rendered for a long time, then when rewinding down, the tab in chrome fell with brakes. Then I did the same on SVG and everything flew, rendered quickly, the browser did not crash, it was possible to use more area, because. There was no maximum canvas size limit. Yes, and drawing on SVG is easier, there are more possibilities, you can use CSS and all sorts of things like hover.