Group tag support for RaphaelJS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Group plugin for RaphaelJS

A RaphaelJS plugin, which adds support for the SVG <g> tag.

Donate Build Status semantic-release Commitizen friendly JavaScript Style Guide

Original notes by: Matthew Taylor

This is an updated version of the plugin. It adds support for moving groups and scaling the X and Y axis independently.

WARNING: These plugins were not tested in IE, and I don't care.

These are plugins I've created for the RaphaelJS library ( => for my own personal use. Feel free to use them as well.


If you don't need to worry about IE8 (or below) users, then I suggest you to migrate over to the newer SnapSVG library, which is more lightweight, produced by the same author, has a similar syntax and has all the features of SVG covered, that was missing from RaphaelJS, including groups.

RaphaelJS tries to even out the differences between SVG and the old, outdated Microsoft Vector Markup Language (VML). It only supports features, which are present in both SVG and VML, and grouping is only supported in SVG.



Though may work in a browser as old as IE8, it uses some Javascript features, which might not be supported by that browser. For this purpose a separate polyfills.js can be included among the plugins as a patch.