Blobs

[Concept only - not ready to merge]

Design concept for the 'buckets collection' interface. Basic concept is 'drag and drop'.

Users's account balance represented by a rectangle of varying size. Buckets collection view initialises with one of these 'blobs' (imagine it has the account balance in large text, and is in the user's colour). Drag the edges (red bars) to split the blob in two. 

Imagine that buckets are represented by stacked bar charts along bottom or one side. Drag and drop a blob into a bucket. Drag a blob over another blob to merge the two. There are other ways of splitting blobs using the same drag and drop concept. 

Main advantage is that 1 representation covers the individual user, global, and individual bucket representations -less cognitive tax (cut the pie charts).  

Code:
Blobs should be an array of objects on the local buckets collection scope (not current). Currently lots of big hairy methods in the the directive:link function, and buggy for splitting secondary blobs.
Merging blobs and other effects probably easier with divs rather than svg:rects (also cross browser compatibility)