mozilla/metrics-graphics — pull request #233 by blazkovicz (2014-11-26 07:10:54+00:00)
Title: Added gulp tasks for checking js files with jslint and building target j...

Gulp tasks are added for checking js files with jslint and building target js files with gulp plugins.
File package.json allows install all requried plugins with console command 'npm install' inside project folder.
To run gulp task write in console 'gulp build:js' or 'gulp jslint' inside project folder.

Also I suggest to use scss for styling graphics. With scss you can write for example:

$graphics-colors: ['blue', 'red', 'yellow', 'green'];
@for $i from 1 through length($graphics-colors) {
$color: nth($graphics-colors, $i);
.area#{$i}-color { fill: $color; }
.line#{$i}-color { stroke: $color; }
.line#{$i}-legend-color { color: $color; }
}

for styling all your lines, adding style for new line would be fairly simple (just add color to array).
I prepared gulp task for building scss files into css (with minification as bonus).