D3 Examples - [rChartsCalendar]: Points Scored by Paul George

xxxxxxxxxx
 
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
  <head>
    <link rel='stylesheet' href='https://cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.css'>
    
    <script src='https://d3js.org/d3.v3.min.js' type='text/javascript'></script>
    <script src='https://cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.min.js' type='text/javascript'></script>
    
    <style>
    .rChart {
      display: block;
      margin-left: auto; 
      margin-right: auto;
      width: 1500px;
      height: 500px;
    }  
    </style>
    
  </head>
  <body >
    
    <div id = 'chart58eb31748dbf' class = 'rChart calmap'></div>    
    <script>
var chartParams = {
 "dom": "chart58eb31748dbf",
"width":   800,
"height":    500,
"data": {
 "1288134000": 4,
"1288306800": 8,
"1288393200": 8,
"1288742400": 2,
"1288915200": 10,
"1289260800": 4,
"1290038400": 3,
"1290470400": 0,
"1293580800": 0,
"1293753600": 13,
"1293926400": 5,
"1294358400": 0,
"1294444800": 10,
"1294704000": 2,
"1294790400": 16,
"1294963200": 8,
"1295222400": 6,
"1295395200": 8,
"1295654400": 7,
"1295740800": 17,
"1.296e+09": 10,
"1296172800": 15,
"1296259200": 8,
"1296432000": 16,
"1296604800": 13,
"1296777600": 6,
"1296950400": 14,
"1297123200": 8,
"1297209600": 7,
"1297382400": 11,
"1297468800": 11,
"1297728000": 14,
"1297814400": 0,
"1298332800": 11,
"1298419200": 10,
"1298592000": 4,
"1298764800": 7,
"1298937600": 12,
"1299024000": 8,
"1299196800": 8,
"1299283200": 8,
"1299542400": 6,
"1299628800": 8,
"1299801600": 10,
"1299974400": 6,
"1300147200": 5,
"1300233600": 15,
"1300406400": 6,
"1300492800": 6,
"1300665600": 2,
"1300838400": 8,
"1301011200": 12,
"1301097600": 5,
"1301266800": 0,
"1301439600": 8,
"1301612400": 6,
"1301785200": 3,
"1302044400": 23,
"1302217200": 7,
"1302390000": 6,
"1302649200": 2,
"1324857600": 12,
"1325030400": 18,
"1325203200": 2,
"1325289600": 7,
"1325462400": 21,
"1325635200": 13,
"1325808000": 12,
"1325894400": 6,
"1326067200": 13,
"1326240000": 5,
"1326412800": 10,
"1326499200": 17,
"1326844800": 10,
"1327017600": 7,
"1327190400": 13,
"1327363200": 7,
"1327449600": 13,
"1327622400": 16,
"1327795200": 6,
"1327968000": 24,
"1328054400": 10,
"1328227200": 30,
"1328313600": 13,
"1328572800": 14,
"1328659200": 5,
"1328832000": 8,
"1328918400": 15,
"1329177600": 12,
"1329264000": 11,
"1329350400": 11,
"1329609600": 7,
"1329782400": 20,
"1329868800": 10,
"1330387200": 11,
"1330732800": 11,
"1330905600": 21,
"1330992000": 11,
"1331337600": 12,
"1331424000": 22,
"1331596800": 11,
"1331683200": 8,
"1331856000": 5,
"1331942400": 18,
"1332201600": 7,
"1332374400": 13,
"1332460800": 15,
"1332547200": 4,
"1332716400": 16,
"1332889200": 22,
"1332975600": 7,
"1333148400": 18,
"1333234800": 9,
"1333407600": 18,
"1333494000": 9,
"1333666800": 8,
"1333753200": 2,
"1333926000": 15,
"1334098800": 6,
"1334271600": 0,
"1334358000": 10,
"1334530800": 18,
"1334617200": 9,
"1334790000": 14,
"1334962800": 16,
"1335135600": 27,
"1335308400": 7,
"1351641600": 14,
"1351814400": 12,
"1351900800": 16,
"1352073600": 14,
"1352246400": 13,
"1352419200": 11,
"1352505600": 20,
"1352764800": 12,
"1352851200": 12,
"1353024000": 11,
"1353196800": 20,
"1353283200": 6,
"1353456000": 37,
"1353628800": 15,
"1353974400": 12,
"1354233600": 4,
"1354320000": 0,
"1354579200": 34,
"1354665600": 22,
"1354838400": 22,
"1355011200": 17,
"1355270400": 27,
"1355443200": 28,
"1355529600": 15,
"1355788800": 16,
"1355875200": 20,
"1356048000": 10,
"1356134400": 17,
"1356652800": 15,
"1356739200": 18,
"1356912000": 21,
"1357084800": 29,
"1357257600": 9,
"1357344000": 8,
"1357603200": 29,
"1357776000": 24,
"1358035200": 15,
"1358208000": 16,
"1358294400": 20,
"1358467200": 31,
"1358726400": 12,
"1358899200": 22,
"1359158400": 23,
"1359331200": 23,
"1359504000": 10,
"1359676800": 15,
"1359936000": 21,
"1360022400": 29,
"1360108800": 15,
"1360281600": 26,
"1360540800": 5,
"1360713600": 23,
"1361318400": 27,
"1361491200": 12,
"1361577600": 12,
"1361836800": 21,
"1362009600": 20,
"1362096000": 22,
"1362268800": 10,
"1362528000": 16,
"1362700800": 25,
"1362873600": 10,
"1363132800": 17,
"1363305600": 20,
"1363392000": 18,
"1363564800": 14,
"1363651200": 19,
"1363910400": 20,
"1363996800": 23,
"1364169600": 13,
"1364342400": 16,
"1364428800": 24,
"1364601600": 25,
"1364770800": 23,
"1365116400": 8,
"1365202800": 2,
"1365462000": 14,
"1365721200": 21,
"1365894000": 9,
"1383004800": 24,
"1383091200": 32,
"1383350400": 21,
"1383609600": 31,
"1383696000": 21,
"1383868800": 23,
"1383955200": 24,
"1384128000": 23,
"1384473600": 22,
"1384560000": 12,
"1384905600": 35,
"1385078400": 27,
"1385164800": 19,
"1385337600": 26,
"1385510400": 15,
"1385683200": 23,
"1385856000": 27,
"1385942400": 43,
"1386115200": 19,
"1386374400": 28,
"1386460800": 32,
"1386633600": 17,
"1386892800": 10 
},
"domain": "month",
"domainLabelFormat": "%b %Y",
"start": "2012-10-27",
"subDomain": "day",
"subDomainTextFormat": "%d",
"displayLegend": true,
"cellSize":     20,
"legendCellSize":     20,
"cellPadding":      3,
"domainGutter":      0,
"label": {
 "position": "top" 
},
"domainDynamicDimension": false,
"tooltip": false,
"considerMissingDataAsZero": false,
"legend": [ 5,10,15,20,25,30,35,40,45,50],
"legendColors": {
    "min": "#efefef",
    "max": "steelblue",
        "empty": "white"
},
"itemName": "point",
"range":      7,
"id": "chart58eb31748dbf" 
}
chartParams.itemSelector = '#chart58eb31748dbf'
if (chartParams.start){
  chartParams.start = new Date(chartParams.start)
}
var calchart58eb31748dbf = new CalHeatMap();
calchart58eb31748dbf.init(chartParams);
</script>
    
    <script></script>    
  </body>
</html>
​
    