JSFiddle - React, Tailwind, and code Playground

by wrxsti85

HTML

<div id="pagewrap2"></div>

JavaScript

$.ajax({
    url: 'http://datatank4.gent.be//bevolking/totaalaantalinwoners.json',
    dataType: 'json',
    type: 'get',
    cache: false,
    success: function(data) {
        i = 0;
        var access;
        var url;
        $(data).each(function(index, value) {
            wijkname = value.wijk;
            year = value.year_2010;
            i++;
            $('#pagewrap2').append(
                '<div class="dataond col col-xxs-12 col-md-3"> <h2> ' + wijkname + '</h2><p>' + year + '<div id="maps">' + "<iframe width='100%' height='100%' frameborder='0' scrolling='no'  marginheight='0' marginwidth='0'   src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent( wijkname + ' ' + 'Gent' ) +"&amp;output=embed'></iframe>" + '</div>' + '</p></div>'
            );
        });
    }
});