Proposal: smarter appending to enter selection about d3-selection HOT 5 CLOSED

You can do this (w/ slightly different syntax) in 3 by modifying the selection prototype - see jetpack and starterkit

from d3-selection.

Okay, so that rolls .classed into .append but you still have to specify things twice for an enter selection. So those libraries don't really address the problem.

from d3-selection.

Hmm, I suppose you'd have a bit of a problem for union selectors like "div.a, span.b". I don't think this is a dealbreaker, though. You'd take the last one and most of the time the user would override it. I still would like Mike to weigh in.

from d3-selection.

I typically just select by class and not element:

selection.selectAll(".foo")
    .data(data)
  .enter().append("div")
    .class("foo", true);

Sometimes I’ll do things like select based on the presence of an attribute but then compute its value dynamically:

selection.selectAll("[foo]")
    .data(data)
  .enter().append("div")
    .attr("foo", function(d, i) { return …; });

So, yes, typically the selector used to create a selection implies certain things on entering elements, but not always enough to enforce those things automatically. It would be possible to capture the selector used to create a selection (when a selector is used—note that you can also pass a function to selection.select and selection.selectAll), and then modify enter.select / enter.append to try to enforce what’s implied by the selector.

But, it’s not trivial to enforce that the selector matches materialized elements in general. For example, you presumably wouldn’t be able to enforce a selector like ":nth-child(2)", and in an attribute existence selector (like "[foo]") you’d have to define a default value for that attribute, which might be pointless if you were going to subsequently give it an explicit value later anyway.

Given the difficulty of supporting this in the general case, and the undesirability of having it just work in a few special cases, I prefer having a little redundancy. Or just a little syntactic sugar for convenience as an optional feature, like in d3-jetpack.

from d3-selection.

Okay, thanks for the explanation.

from d3-selection.