React + D3 boilerplate

react+d3-boilerplate.js

var D3ReactTemplate = React.createClass({
  sel: function() { return d3.select(this.getDOMNode()) },
  getDefaultProps: function() {
    return {
      valueAccessor: function(d) { return d.value },
      width: 400,
      height: 400
    }
  },
  getInitialState: function() {
    var props = this.props
    return {}
  },
  render: function() {
    var props = this.props, data = props.data
    var wrappedData = data.map(function(d) {
      return { value: props.valueAccessor(d), d: d }
    })
    return React.DOM.svg(extend({style: style}, props), /* svgElements */)
  }
})