Cary Parks

Loads Cary Parks data directly from the data.CaryNC.gov server using csv2js.js

by cillay

HTML

<script src="http://cillay.github.io/js/csv2js.js"></script>
<ul id="list">
</ul>

CSS

body {
    font: normal 0.8em Arial, Helvetica, sans-serif;
}
ul {
    -moz-column-count:2; 
    -webkit-column-count:2;
    column-count: 2;
}
li {
    margin-bottom: 5px;
    font-weight: bold;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
}
li small {
    display: block;
    font-weight: normal;
}

JavaScript

var url = "http://data.carync.gov/datasets/PARK_INFO.csv";
csv2js.loadCollection(url, function (data) {
    var parks = data,
        elParksList = $('#list');
    $.each(parks, function() {
        if (this.NAME) {
           elParksList
               .append($('<li>').text(this.NAME)
               .append($('<small>').text(this.LOCATION)));
        }
    });
});