Multiple Classes in SVG

Question

I'm very new to SVG (using D3.js to call everything). Recently, I just came into a huge limitation with a project I am working on. I want to be able to make "g" classes for each category of data I am working with. Unfortunately, I am getting my data from an XML file that only connects data in one way (ex: person1 ---> person2, but not person2 ---> person1). What I would like to be able to do is to put each shape generated from my data in the root class AND the class it is connecting with. If I could add this shape to two or more classes (such as g class = person1 and person2), that would be the fastest solution I believe...But is something like this possible? Can I set an SVG shape to two or more classes? Or will it overwrite it as I define new ones.

I really hope someone can understand what I am asking. It is kind of hard to verbalize my problem without giving away every detail of my final project.

Answer 1

Yes, you can set multiple classes. For example,

<g class="person1 person2">

Or, in D3:

g.attr("class", "person1 person2");