DailyJS

Disc, scaleApp, Cal-HeatMap

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

frameworks libraries ui node modules graphs browserify

Disc, scaleApp, Cal-HeatMap

Posted by Alex R. Young on .
Featured

frameworks libraries ui node modules graphs browserify

Disc, scaleApp, Cal-HeatMap

Posted by Alex R. Young on .

Disc

Disc

Disc (GitHub: hughsk / disc, License: MIT, npm: disc) by Hugh Kennedy is a tool for generating interactive views of browserify project bundles:

It's especially handy for catching large and/or duplicate modules which might be either bloating up your bundle or slowing down the build process. It works with node projects too!

Running disc index.js > stats.html will generate a file that uses D3.js to display two visualisations: file count and file size. It's a little bit like the file system usage applications for desktop systems.

scaleApp

Markus Kohlhase has been quietly working on a project called scaleApp (GitHub: flosse / scaleApp, License: MIT, npm: scaleapp) -- a framework for creating single page applications. It's designed to help you write decoupled, event-driven apps, and is influenced by Nicholas C. Zakas's talk Scalable JavaScript Application Architecture.

The project has no dependencies and supports Node and browsers. AMD and CommonJS modules are both supported, and it can be extended with plugins. There are already plugins for internationalisation, DOM manipulation, MVC, and more.

Applications are based around modules, which are registered and "started". Multiple instances of a module can be started, and they talk to each other using a pub/sub API. Flow control for asynchronous methods is also possible, with the runSeries and runWaterfalladdressed methods.

Projects are deployed to browsers by using "browser bundles" -- Grunt is used as the build system. There is a scaleApp demo application (source), so you can see what a real application built with the framework looks like.

Cal-HeatMap

Cal-HeatMap

Cal-HeatMap (GitHub: kamisama / cal-heatmap, License: MIT, Bower: cal-heatmap) is a GitHub-style calendar heatmap created by Wan Qi Chen. It uses D3.js, and comes with a build script and tests.

var cal = new CalHeatMap();  
cal.init({  
  start: new Date(2000, 0),
  range: 12,
  domain: 'year',
  subDomain: 'month',
  data: 'http://example.com/api.json'
});

Data can be loaded remotely, and CSV, JSON, TSV, and plain text formats are supported. The API allows values to be highlighted, and the legend, cell size, and position are all configurable.