Skip to content

whittssg/angular-treemap

This branch is up to date with jherr/angular-treemap:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
Jack Herrington
Sep 22, 2014
a4afff1 · Sep 22, 2014

History

1 Commit
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014
Sep 22, 2014

Repository files navigation

angular-treemap

angular-treemap is an angular directive for a D3 treemap. jQuery, D3, and obviously AngularJS is required.

History

angular-treemap is a port of Mike Bostock's 'Zoomable Treemap' (http://bost.ocks.org/mike/treemap/). The changes are:

  • Ported to coffeescript
  • Refactored
  • Ported into an AngularJS directive
  • Added color support
  • Added additional attributes for color, click handling, and naming.

Getting Started

  • Download the code
  • It's a Yeoman project, so you can run it by doing 'grunt server'.
  • To install in your app copy angular-treemap.js.coffee and angular-treemap.scss into your application.
  • Add 'angular-treemap' as a dependency to your controller.
  • Look at index.html for an example of how to use the directive.
  • Look at flare_with_color.json for the data format.

Author

This component was written by Jack Herrington, an engineer on Lithium's Labs team.

About

A D3 treemap in an angular directive

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 87.6%
  • JavaScript 4.9%
  • CoffeeScript 4.2%
  • HTML 3.1%
  • Ruby 0.2%