title: How to create elements depending on data in D3?
body: <p>looking at <a href="https://github.com/mbostock/d3/wiki/Selections#wiki-data" rel="noreferrer">sample</a>:</p>
  
  <pre><code>d3.select("body").selectAll("div")
      .data([4, 8, 15, 16, 23, 42])
    .enter().append("div")
      .text(function(d) { return d; });
  </code></pre>
  
  <p>cant help but wonder how to make append sensitive to provided data - say <code>do append and fill text</code> with some predicate say <code>if d == 8</code> othervise do not append?</p>