DailyJS

Simple Modules, D3xter

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

libraries graphics modules graphs sql

Simple Modules, D3xter

Posted by Alex R. Young on .
Featured

libraries graphics modules graphs sql

Simple Modules, D3xter

Posted by Alex R. Young on .

Simple Modules

If you've got legacy JavaScript that's badly structured, then one early refactoring strategy that can help is to add modules. However, you might not be sure about the specific module system or framework that you'll eventually switch to, so what do you do?

George Mauer sent in simple-modules (GitHub: togakangaroo/simple-modules, License: MIT, Bower: simple-modules), a tiny module system that lets you define modules and then require them. There's an example that shows the main features, including a test for circular dependency detection.

George wrote an article about converting legacy code, which shows how to include Simple Modules on the page and then how to identify possible modules.

D3xter

D3xter

D3xter (GitHub: NathanEpstein/D3xter, License: MIT, Bower: d3xter) by Nathan Epstein is a D3.js-based library for plotting graphs. The functions in the library return SVG objects, so you can further customise them with the standard D3 API.

D3xter's built-in graphs should work well with minimal configuration, so if you're looking for a D3-friendly library then this one might be a good choice. For example, given arrays of co-ordinates, you can plot a line graph like this:

var lineGraph = xyPlot(index, y);  

The readme has an additional example that shows how to query the resulting object with D3 and modify the colours.