javascript - foreignObject div transform not working D3 -
at moment, d3 code animates svg circles along path, have svg 'name' labels moving alongside each. when circle hovered over, div (which have created foreign object in same group 'g2' labels) appears comment inside. i want these tooltips. problem cannot div transform along path in same way name labels - stick top left-hand corner of page. i not sure if problem how grouping things, or whether foreignobject should directly appended svg. have tried various things , suggestions other questions no success, appreciated! also, interested in making work in chrome. here jsfiddle: http://jsfiddle.net/yumip/q5jag/1618/ var greetings = ["hello","hi","howdy"]; var names = ["person a","person b","person c"]; var width = 960, height = 500; var n = greetings.length, m = 12, degrees = 180 / math.pi; var bubbles = d3.range(n).map(function() { var x = math.random() * width, y = math.random() *...