Example code for Collage blog post

example-image-data.json

{
  "sectionsToSummaries" : {
    "(7,7)" : {
      "width" : 1920,
      "height" : 1080,
      "averageRGB" : 2825996,
      "path" : "/screenshots/2015-09-01_00033.jpg"
    },
    "(0,0)" : {
      "width" : 1920,
      "height" : 1080,
      "averageRGB" : 4272160,
      "path" : "/screenshots/2015-09-20_00030.jpg"
    },
    "(1,1)" : {
      "width" : 1920,
      "height" : 1080,
      "averageRGB" : 4272160,
      "path" : "/screenshots/2015-09-20_00030.jpg"
    },
    "(22,22)" : {
      "width" : 1920,
      "height" : 1080,
      "averageRGB" : 2372138,
      "path" : "/screenshots/2015-10-07_00010.jpg"
    },
    "(102,102)" : {
      "width" : 1920,
      "height" : 1080,
      "averageRGB" : 2370092,
      "path" : "/screenshots/2015-09-20_00015.jpg"
    },
    "(74,74)" : {
      "width" : 1920,
      "height" : 1080,
      "averageRGB" : 3219218,
      "path" : "/screenshots/2015-09-24_00023.jpg"
    }
  }
}

images.json

[ {
  "width" : 1920,
  "height" : 1080,
  "averageRGB" : 1251351,
  "path" : "/screenshots/2015-11-25_00010.jpg"
}, {
  "width" : 1920,
  "height" : 1080,
  "averageRGB" : 1251351,
  "path" : "/screenshots/2015-11-25_00011.jpg"
}, {
  "width" : 1920,
  "height" : 1080,
  "averageRGB" : 1514266,
  "path" : "/screenshots/2015-11-25_00012.jpg"
}, {
  "width" : 1920,
  "height" : 1080,
  "averageRGB" : 1448730,
  "path" : "/screenshots/2015-11-25_00013.jpg"
}, {
  "width" : 1920,
  "height" : 1080,
  "averageRGB" : 1514780,
  "path" : "/screenshots/2015-11-25_00014.jpg"
} ]