So I have this SVG, which represents the continents on earth.
The SVG has over 15 thousand lines of code, where 99% looks like this:
<path
className="white-dot"
d="M1201.49 274.019C1202.72 274.019 1203.71 273.186 1203.71 272.157C1203.71 271.128 1202.72 270.295 1201.49 270.295C1200.26 270.295 1199.27 271.128 1199.27 272.157C1199.27 273.186 1200.26 274.019 1201.49 274.019Z"
fill="white"
/>
just with different coordinates obviously, representing the dots. Is this consuming a lot of computing power? If so would it be better to use the "circle" element instead of a seperate path for each dot? Later on I also want to animate the white dots and make them dis- and reappear randomly (but on the same spot) using JavaScript. But choosing a random dot each time could also be kind of powerconsuming, when using JS or not?