Which solution works best with SVG?

Question

JavaScript

Welcome all!
There is a purely theoretical question. I found such a feature in Jquery , it does not know how (or knows how, but poorly) to work with SVG elements . For example, to assign a class to a g or path element with addClass/toggleClass , one has to work "like text", at the attribute level with the attr
method. Is there a better solution for manipulating things like this?

Answer 1

jQuery SVG and you work with SVG giblets just like any other DOM object on the page.

Answer 2

d3.js library. Consider an analog of jquery, also works with the DOM, but focused on data visualization.

Answer 3

d3 is great at manipulating SVG elements. You can probably pull out only the part responsible for working with SVG and not load the rest.