don't duplicate data driven documents

Some sugar for creating a d3 timeseries chart.

Heavily inspired by M. Bostock's Towards Reusable Charts.

• include d5.js or d5.min.js (from the dist folder) on your page

<script src="/path/to/d5.js"></script>

• place a chart element on the same page

  <div id="#chart"></div>

• choose the type of chart you want (hint: there's only one right now)

  var opts = {}; // configure some stuff
  var charter = d5.timeSeries(opts);

• d5 it up

  var selector = "#chart";
  var data = d5.utils.timeSeriesData(); // grab some random data

  // IMPORTANT!
  // * you have set set accessor functions for your data on `charter`
  charter.x(function(d) { return d[0]; });
  charter.y(function(d) { return d[1]; });

  // Now we're ready to go!

  // try this
  var charty = d3(selector).datum(data).call(charter);
  // or this
  var charty = d5(selector).datum(data).update(charter);
  // or this
  var charty = d5(selector, data).update(charter);
  // or even this
  var charty = d5(selector, data, charter);

• area
• bar (grouped)
• bar (stacked)
• line
• scatter

• height
• width
• margin.top
• margin.right
• margin.bottom
• margin.left
• interpolate
• xlab
• ylab
• colors.color
• legend.height
• legend.width

• Determine levels of configurability
• Refactor refactor refactor
• Dynamically requiring all charts in the base-charts folder for its index.js exports object. See me about troubles I've had doing this with Browserify.