title: How to set multiple attributes with one value function?
body: <p>Given a datum containing multiple data elements, such as an object or array, is it possible to set multiple attributes on a selection with a single value function?</p>
  
  <p>E.g. something like:</p>
  
  <pre><code>var data = [{ 'x': 10, 'y': 20, 'r': 5 }];
  d3.select('body').append('svg').selectAll('circle')
      .data(data)
      .enter().append('circle')
      .attr('cx cy r', function (d) {
          return [d.x, d.y, d.r];
      });
  </code></pre>
  
  <p>instead of:</p>
  
  <pre><code>var data = [{ 'x': 10, 'y': 20, 'r': 5 }];
  d3.select('body').append('svg').selectAll('circle')
      .data(data)
      .enter().append('circle')
      .attr('cx', function (d) {
          return d.x;
      });
      .attr('cy', function (d) {
          return d.y;
      });
      .attr('r', function (d) {
          return d.r;
      });
  </code></pre>