BIG Graph

Custom layout mode to replicate the Flash interface of big.dk. Similiar to Category rows, item elements are grouped by their sorting data into columns.

$container.isotope({
  layoutMode: 'bigGraph',
  bigGraph: {
    columnWidth: 45, // size of item
    rowHeight: 45, // size of item
    maxRows: 11, // max number of items vertically
    gutterWidth: { // width of gutter, needs to match getSortData names
      year: 0,
      scale: 60,
      program: 40,
      status: 60,
      title: 0
    }
  },
  // options...
});

To use this layout mode, grab the $.Isotope.prototype methods from the script at the bottom of this page's source.

Sort