Как работать с svg элементами на jQuery?

Question

[Максим Иванов]

Есть холст, на него я должен перетаскивать элементы, но пока только разбираюсь с svg в целом
И не могу понять почему не добавляет синий блок:

https://jsfiddle.net/us9he7tg/

Answer 1

[Risent Veber]

https://habrahabr.ru/post/185750/

Answer 2

[Денис Инешин]

На вашем месте я бы переключился на D3.js. Эта библиотека специально создана для манипулирования SVG.
jQuery в этой схеме лишний.

Comments

[Максим Иванов]

а есть ли гайды по D3 на русском?

[Денис Инешин]

Максим Иванов: вообще вот frontender.info/vvedenie-v-djs, но есть хорошая книга на английском: chimera.labs.oreilly.com/books/1230000000345/index.html - там много примеров и мало текста, все будет понятно даже если не очень хорошо владеете английским.

[Максим Иванов]

здесь работа с данными, мне же нужно именно svg управление элементами

[Денис Инешин]

Максим Иванов: там есть все. Увидите.

[Максим Иванов]

Почему нельзя использовать snap.js?

[Денис Инешин]

Максим Иванов: ?

[Максим Иванов]

чем d3 лучше snapsvg?

[Денис Инешин]

Максим Иванов: ну видимо тем, что все пишут на d3.js, а про snap я впервые услышал от вас.

[Денис Инешин]

Максим Иванов: по d3 есть миллион туториалов, есть книги. Многие плагины (для тех же чартов) написаны на D3.