<div>
I got it to work. &nbsp;Thanks!
</div>


<div>
<div class="content wysiwyg-content">
I dynamically adding SVG images using d3 javascript. &nbsp;I want to group together a number of objects, and then be able to move/drag them as a group. &nbsp; Specifically, I'm creating a rectangle (which represents inventory) inside a circle with four adjoining lines that act as a sort of a &quot;bulls eye&quot; to indicate visually that an inventory object is selected. &nbsp;<br />
<br />
First how do I group? and then how do I drag all five (rectangle, circle, and four lines) objects as a group?
</div>
</div>


I dynamically adding SVG images using d3 javascript.  I want to group together a number of objects, and then be able to move/drag them as a group.   Specifically, I'm creating a rectangle (which represents inventory) inside a circle with four adjoining lines that act as a sort of a "bulls eye" to indicate visually that an inventory object is selected.  

First how do I group? and then how do I drag all five (rectangle, circle, and four lines) objects as a group?

D3, SVG, javascript, grouping

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Extensible Markup Language (XML) refers to the encoding of documents such that they can be read by both machines and humans. XML documents use tags to show the beginning and end of a set of data. XML is used extensively on websites to show volumes of data, and is the default for a number of office productivity suites. This topic includes discussions of XML-related technologies, such as XQuery (the XML Query language), XPath (the XML Path language), XSLT (eXtensible Stylesheet Language Transformations), XLink (the XML Linking language) and XPointer (the XML Pointer language).

Websites use graphics to enhance information, assist navigation, and generally improve the user’s experience. To create those graphics, developers use any number of programs, like the Adobe Creative Suite (Photoshop and Flash have their own topics), the CorelDraw suite, Xara, Gimp, ACDSee, Serif, ULead and others.

Web Graphics Software

Photo and imaging software is used to edit and compose raster images; Adobe Photoshop dominates the market. Common actions include cropping, slicing, retouching, color replacement, masking and erasing. Other programs include GIMP, Serif PhotoPlus, Pixlr, PhotoScape, Picasa and IrfanView.

Photos / Graphics Software

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.