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.

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

Filterfunktion

newSlice.filter(d => (d.depth > 2))
    .on('click', d => {
      d3.event.stopPropagation();
      focusOn(d);
    });