1

I need to customize the D3 Zoomable Icicle Layout example provided here: http://bl.ocks.org/mbostock/1005873

I require the customization as follows: Required Icicle Layout

The layout represents folders and files - folders represent parents and files represent children. The folders are ordered by date and the latest accessed folders are displayed for space. The arrow allows the user to scroll to other folders. The files are represented by thumbnails below the immediate parent in the appropriate space below the parent in a grid.

In summary, what I need is the following:

  1. Information is ordered by date accessed.
  2. The older information should be hidden according to available space.
  3. Adding an arrow icon to the folder areas with hidden information.
  4. Older information should be visible on click of the arrow.
  5. Files are shown in a grid below their immediate parents.

Are these customizations possible? If so, does anyone have ideas on how one would go about it??

Many thanks.

VividD
  • 10,456
  • 6
  • 64
  • 111
sim1
  • 457
  • 1
  • 7
  • 26
  • Yes, these customisations are possible. You would need to modify the relevant bits of the icicle layout. If you're stuck with something specific, we can give you a more specific answer. – Lars Kotthoff Oct 27 '13 at 13:28
  • Hi Lars, I am busy trying to customise this layout. I have managed to order the Json file by date accessed. I am busy with the second point now, but am struggling to filter sub-folders that meet certain criteria (i.e. comparing if the date accessed is recent) where those sub-folders then take up the entire space underneath their parent. It is leaving space for the sub-folders that don't meet the criteria. Do you have any pointers for the second item on my list? Many thanks. – sim1 Dec 26 '13 at 20:25

0 Answers0