Adding an element to top of a group element

Question

After joning data with my group I would like the elements in the enter selection to be added to a group (g-element) on top/highest up. Default is to append to the bottom.

The reason for this is that I want the object to visually appear below the all ready visible objects.

I know I can order and sort but I thought there might be an easier/better way to do this. I have done several manual things only to later find out "Oooh, they included a smart way to do that, EASILY."

score 14 · Accepted Answer · answered Mar 18 '13 at 18:51

14

D3 does have an insert method: https://github.com/mbostock/d3/wiki/Selections#wiki-insert

answered Mar 18 '13 at 18:51

Nick Briggs

166
1
3

3

Very good. Exaclty what I was looking for. Changing '.append("g")' to '.insert("g",":first-child")' did the trick. – GusOst Mar 18 '13 at 19:13
@GusOst Your answer is exactly what I was looking for (at-least an hour) – Rupam Datta May 31 '18 at 08:40
That links dead. Inset can be found at https://github.com/d3/d3-selection#selection_insert – Hellonearthis Apr 12 '22 at 15:10

score 13 · Answer 2 · edited Jun 20 '20 at 09:12

13

Excerpt from Reference

For instance, insert("div", ":first-child") will prepend child div nodes to the current selection.

https://github.com/mbostock/d3/wiki/Selections#wiki-insert

edited Jun 20 '20 at 09:12

Community

1
1

answered Feb 29 '16 at 12:51

n1nj4

511
5
13

Adding an element to top of a group element

2 Answers2

Excerpt from Reference

Linked