Add NYT Light theme.

renderer/patterns.js

@@ -5,6 +5,7 @@ module.exports = {
   pixel: filledPath(d3.curveStep),
   roundBars: bars(true),
   bars: bars(),
+  halfbars: halfbars(),
   bricks: bricks(),
   equalizer: bricks(true),
   line: strokedPath(),
@@ -71,6 +72,39 @@ function filledPath(interpolator) {
 
 }
 
+function halfbars () {
+  return function(context, data, options) {
+
+    context.fillStyle = options.waveColor;
+
+    var waveHeight = options.waveBottom - options.waveTop;
+
+    var baseline = options.waveTop + waveHeight / 2;
+
+    var barX = d3.scaleBand()
+      .paddingInner(0.5)
+      .paddingOuter(0.01)
+      .domain(d3.range(data.length))
+      .rangeRound([options.waveLeft, options.waveRight]);
+
+    var height = d3.scaleLinear()
+      .domain([0, 1])
+      .range([0, waveHeight / 2]);
+
+    var barWidth = barX.bandwidth();
+
+    data.forEach(function(val, i){
+
+      var h = height(val[0]) * 2,
+          x = barX(i),
+          y = waveHeight - h;
+
+      context.fillRect(x, y, barWidth, h);
+
+    });
+  }
+} // end halfbars function
+
 function bars(round) {
 
   return function(context, data, options) {

settings/themes.json

@@ -15,6 +15,15 @@
     "captionLeft": 200,
     "captionRight": 1080
   },
+  "NYT Light": {
+    "pattern": "halfbars",
+    "waveTop": 500,
+    "waveBottom": 720,
+    "waveColor": "#d9d9d9",
+    "foregroundColor": "#000",
+    "captionTop": 100,
+    "captionLeft": 0
+  },
   "Basic": {
     "backgroundColor": "#eee",
     "foregroundColor": "#de1e3d"