Canvas Grid V2 - RSS Feeds

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0">
    <title>Title of the document</title>
    <script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.7.22/webcomponents-lite.min.js"></script>
    <script src="//d3js.org/d3.v3.js"></script>
    <script src="CanvasGrid.v2.js"></script>
    <script>
        var height = (window.innerHeight - 20);
        var width = (window.innerWidth - 20);
        //height = 500;
        $(document).ready(function () {
            $.ajax({
                url: 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent("https://flipboard.com/@audis7spock/meme-s6nn2ie7z.rss"),
                dataType: 'json',
                success: function (data) {
                    if (data.responseData.feed && data.responseData.feed.entries) {
                        processData(data.responseData.feed.entries);
                    }
                }
            });
        });

var currData = [];

var headerData = {
                    text: d.title,
                    cellProperties: {
                        height: screenHeight / 12,
                        background: { color: '#FCFCFC', img: null },
                        textStyle: {
                            textAlign: 'left',
                            textBaseline: 'top',
                            size: 20,
                            family: 'Calibri',
                            bold: true,
                            italics: false,
                            color: 'black',
                            wrap: 1
                        }
                    }
                };

function setEventCallback(gridSelector) {
            var grid = document.querySelector(gridSelector);
            var numRows = currData.length;
            var numCols = 1;

grid.setAttribute("rows", numRows);
            grid.setAttribute("cols", numCols);
            grid.setAttribute('width', width + 'px');
            grid.setAttribute('height', height + 'px');
            grid.setAttribute('colwidth', width);

grid.setCallbackMethod('getCellValue', function (rowNumber, colNumber) {
                if (currData != undefined && currData[rowNumber] != undefined && currData[rowNumber][colNumber] != undefined) {
                    return currData[rowNumber][colNumber];
                }
                return null;
            });
        }
    </script>
</head>
<body>
    <canvas-grid id="grid1" width="500px" height="10000px" gridlinescolor="#AAA" backgroundcolor="#FFFFFF" rowstartindex="0" colstartindex="0" rowheight="100" colwidth="0" rows="0" cols="0" freezerowindex="0" freezecolindex="0"></canvas-grid>
    
    
    
</body>
</html>

https://code.jquery.com/jquery-2.2.2.min.js

https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.7.22/webcomponents-lite.min.js

https://d3js.org/d3.v3.js