Image size distribution

var Plot = require('plotly-notebook-js');

var data = [{"name": "(1349, 1080)", "text": "Count: 251", "y": [1080], "mode": "markers", "marker": {"sizemode": "area", "size": [2510]}, "x": [1349]}, {"name": "(1350, 1080)", "text": "Count: 162", "y": [1080], "mode": "markers", "marker": {"sizemode": "area", "size": [1620]}, "x": [1350]}, {"name": "(1080, 810)", "text": "Count: 122", "y": [810], "mode": "markers", "marker": {"sizemode": "area", "size": [1220]}, "x": [1080]}, {"name": "(1080, 809)", "text": "Count: 67", "y": [809], "mode": "markers", "marker": {"sizemode": "area", "size": [670]}, "x": [1080]}, {"name": "(937, 750)", "text": "Count: 62", "y": [750], "mode": "markers", "marker": {"sizemode": "area", "size": [620]}, "x": [937]}, {"name": "(1080, 608)", "text": "Count: 56", "y": [608], "mode": "markers", "marker": {"sizemode": "area", "size": [560]}, "x": [1080]}, {"name": "(640, 360)", "text": "Count: 27", "y": [360], "mode": "markers", "marker": {"sizemode": "area", "size": [270]}, "x": [640]}, {"name": "(1080, 607)", "text": "Count: 26", "y": [607], "mode": "markers", "marker": {"sizemode": "area", "size": [260]}, "x": [1080]}, {"name": "(800, 640)", "text": "Count: 21", "y": [640], "mode": "markers", "marker": {"sizemode": "area", "size": [210]}, "x": [800]}, {"name": "(600, 480)", "text": "Count: 16", "y": [480], "mode": "markers", "marker": {"sizemode": "area", "size": [160]}, "x": [600]}, {"name": "(1080, 718)", "text": "Count: 15", "y": [718], "mode": "markers", "marker": {"sizemode": "area", "size": [150]}, "x": [1080]}, {"name": "(1348, 1080)", "text": "Count: 15", "y": [1080], "mode": "markers", "marker": {"sizemode": "area", "size": [150]}, "x": [1348]}, {"name": "(1080, 720)", "text": "Count: 14", "y": [720], "mode": "markers", "marker": {"sizemode": "area", "size": [140]}, "x": [1080]}, {"name": "(1080, 565)", "text": "Count: 13", "y": [565], "mode": "markers", "marker": {"sizemode": "area", "size": [130]}, "x": [1080]}, {"name": "(799, 640)", "text": "Count: 12", "y": [640], "mode": "markers", "marker": {"sizemode": "area", "size": [120]}, "x": [799]}, {"name": "(1080, 1075)", "text": "Count: 10", "y": [1075], "mode": "markers", "marker": {"sizemode": "area", "size": [100]}, "x": [1080]}, {"name": "(1080, 1079)", "text": "Count: 7", "y": [1079], "mode": "markers", "marker": {"sizemode": "area", "size": [70]}, "x": [1080]}, {"name": "(1081, 1080)", "text": "Count: 7", "y": [1080], "mode": "markers", "marker": {"sizemode": "area", "size": [70]}, "x": [1081]}, {"name": "(750, 562)", "text": "Count: 6", "y": [562], "mode": "markers", "marker": {"sizemode": "area", "size": [60]}, "x": [750]}, {"name": "(640, 480)", "text": "Count: 6", "y": [480], "mode": "markers", "marker": {"sizemode": "area", "size": [60]}, "x": [640]}, {"name": "(936, 750)", "text": "Count: 5", "y": [750], "mode": "markers", "marker": {"sizemode": "area", "size": [50]}, "x": [936]}, {"name": "(750, 500)", "text": "Count: 5", "y": [500], "mode": "markers", "marker": {"sizemode": "area", "size": [50]}, "x": [750]}, {"name": "(1080, 722)", "text": "Count: 5", "y": [722], "mode": "markers", "marker": {"sizemode": "area", "size": [50]}, "x": [1080]}, {"name": "(750, 421)", "text": "Count: 5", "y": [421], "mode": "markers", "marker": {"sizemode": "area", "size": [50]}, "x": [750]}, {"name": "(1080, 675)", "text": "Count: 4", "y": [675], "mode": "markers", "marker": {"sizemode": "area", "size": [40]}, "x": [1080]}, {"name": "(1080, 939)", "text": "Count: 4", "y": [939], "mode": "markers", "marker": {"sizemode": "area", "size": [40]}, "x": [1080]}, {"name": "(1080, 735)", "text": "Count: 4", "y": [735], "mode": "markers", "marker": {"sizemode": "area", "size": [40]}, "x": [1080]}]; var plotTitle = 'size distribution from 1482 images (ignored dimensions that appeared less than 4 times)'; var plot = Plot.createPlot(data, {title: plotTitle}); plot.render();

var bardata = [{"y": [251, 162, 122, 67, 62, 56, 27, 26, 21, 16, 15, 15, 14, 13, 12, 10, 7, 7, 6, 6, 5, 5, 5, 5, 4, 4, 4], "x": ["(1349, 1080)", "(1350, 1080)", "(1080, 810)", "(1080, 809)", "(937, 750)", "(1080, 608)", "(640, 360)", "(1080, 607)", "(800, 640)", "(600, 480)", "(1080, 718)", "(1348, 1080)", "(1080, 720)", "(1080, 565)", "(799, 640)", "(1080, 1075)", "(1080, 1079)", "(1081, 1080)", "(750, 562)", "(640, 480)", "(936, 750)", "(750, 500)", "(1080, 722)", "(750, 421)", "(1080, 675)", "(1080, 939)", "(1080, 735)"], "type": "bar"}]; var plot = Plot.createPlot(bardata, {title: plotTitle, xaxis: {tickangle: -45}, yaxis: {title: "Count"}}); plot.render();