Bearbeiten von „D3.js - Tipps und Tricks“

== Aktionen abhängig von den Daten ausführen ==

Will man beim Daten abarbeiten bestimmte Aktionen abhängig von den Daten Ausführen kann man in vielen Fällen eine anonyme Funktion einsetze oder man nutzt eine Filterfunktion:

Anonyme Funktion für ein HTML-Attribut.
<syntaxhighlight lang="javascript">
g.selectAll('g')
  .data(root.descendants())
  .enter().append('g')
  .attr("class", "node")
  .append('path')
  .attr("display", function (d) { return d.depth ? null : "none"; }); // do not show root element
</syntaxhighlight>

Filterfunktion
<syntaxhighlight lang="javascript">
newSlice.filter(d => (d.depth > 2))
    .on('click', d => {
      d3.event.stopPropagation();
      focusOn(d);
    });
</syntaxhighlight>