DailyJS

Cammy and n3-charts

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

animations angular d3

Cammy and n3-charts

Posted by Alex R. Young on .
Featured

animations angular d3

Cammy and n3-charts

Posted by Alex R. Young on .
Cammy's demo.

Cammy (GitHub: lorem--ipsum / cammy, License: MIT) by Sébastien Fragnaud ("lorem--ipsum") is an orthogonal projection camera built on AngularJS and D3.js. The demo is completely gorgeous, so I was compelled to waste a good 15 minutes playing with it. If you look at the source you can see how the Angular directives are used to hook up the UI controls with the renderer.

Sébastien also wrote n3-charts (GitHub: n3-charts / line-chart):

$scope.options = {
  axes: {
    x: {
      key: 'x',
      labelFunction: function(value) { return value; },
      type: 'linear',
      tooltipFormatter: function(x) { return x; }
    },
    y: { type: 'linear' },
    y2: { type: 'linear' }
  },
  series: [{
    y: 'value',
    color: 'steelblue',
    thickness: '2px',
    type: 'area',
    striped: true,
    label: 'Pouet'
  }, {
    y: 'otherValue',
    axis: 'y2',
    color: 'lightsteelblue'
  }],
  lineMode: 'linear',
  tension: 0.7
};