JavaScript libraries for working with SVG
The most popular libraries for working with SVG on JavaScript are Raphael , Jquery.SVG , SVGWeb . There are some more specialized libraries that use SVG to solve narrow problems: maps, data, and object manipulation.
In general, under the cut a brief overview of the libraries with which I had to work a little.
')
Polymaps.js is a powerful interactive map script. Just do not reinvent the wheel if you want to make your map service. We take and use. Under the library, you can use Bing, CloudMade cards (by obtaining an API key on these services). Supports GeoJSON. Examples of use ( one , two , three ). There was a link to Habré.
D3.js - a script for managing data. You can make a selection of the data in the document (for example, you have a table with filled fields) or by receiving them through JSON. And beautifully present them in graphic interpretation. See examples: Node-Link Tree , Voronoi , Circle Packing , Force-Directed Graph .
Pottis.js is a script for manipulating SVG image objects. For example, you can drag apples from a tree to the basket ( example ). Or a cat from a basket to a basket ( example ). Those. pottis.js can be an addition to Raphael, adding interactivity to the primitives that were drawn earlier.
In general, under the cut a brief overview of the libraries with which I had to work a little.
')
Polymaps.js is a powerful interactive map script. Just do not reinvent the wheel if you want to make your map service. We take and use. Under the library, you can use Bing, CloudMade cards (by obtaining an API key on these services). Supports GeoJSON. Examples of use ( one , two , three ). There was a link to Habré.
D3.js - a script for managing data. You can make a selection of the data in the document (for example, you have a table with filled fields) or by receiving them through JSON. And beautifully present them in graphic interpretation. See examples: Node-Link Tree , Voronoi , Circle Packing , Force-Directed Graph .
Pottis.js is a script for manipulating SVG image objects. For example, you can drag apples from a tree to the basket ( example ). Or a cat from a basket to a basket ( example ). Those. pottis.js can be an addition to Raphael, adding interactivity to the primitives that were drawn earlier.
Source: https://habr.com/ru/post/123793/
All Articles