Style drawNode() with Attributer

Is it possible to style nodes created with drawNode() with the specified attributer? For example:

const dot = `
digraph {
  a -> b
  a -> c
}`;

const graphviz = d3.select("#graph")
  .graphviz(false)
  .attributer(function(d) {
    if (d.tag == "ellipse") {
        d.attributes.fill = "red";
      }
    })
  .renderDot(dot);

graphviz.drawNode(100, 0, 'New node')

I would expect the newly drawn node to have fill: red, but that is not the case. The docs specify that you can specify styles using DOT attributes, but it would be nice to to both a) only have to specify node styles once and b) be able to use CSS to style drawNode() nodes.

[tuckergordon]

Yup, sorry - markdown removed my text that looked like HTML elements. Fixed it

[magjac]

Thanks so much for the Codepen. It helps a lot to see something in action.

1. The first point seems to be possible to solve with something like color="black;0.99:red". See this example. I don’t know why it works though.
2. The second point is not a bug, but an unfortunate consequence of the principles of operation. External CSS is not considered at all since it’s not part of the data that can be extracted from the generated SVG. AFAIU, it’s not until that SVG is rendered some program (typically a browser) which applies the external stylesheet, that those style properties can be known. It might be possible to extract it after the transition has started, but it doesn’t seem so from a modified slower Codepen i did.
3. It may be possible to utilize the attributer also in drawNode(). I have to think about this some more.