<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingGrid Demo</title>
<script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
<style>
zing-grid[loading] {
height: 1210px;
}
</style>
</head>
<body>
<zing-grid caption="Top 10 Largest Cities In California" pager page-size=5 layout="card">
<zg-data data='[
{
"rank": 1,
"city": "Los Angeles",
"population": 3971883,
"incorporated": "April 4, 1850",
"region": "Southern California",
"county": "Los Angeles",
"website": "https://www.lacity.org/",
"photo": "https://www.zingchart.com/images/cities/los-angeles.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d423286.18231493316!2d-118.69260455059867!3d34.020179703370246!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2c75ddc27da13%3A0xe22fdf6f254608f4!2sLos+Angeles%2C+CA!5e0!3m2!1sen!2sus!4v1476300092259"
},
{
"rank": 2,
"city": "San Diego",
"population": 1394928,
"incorporated": "March 27, 1850",
"region": "Southern California",
"county": "San Diego",
"website": "https://www.sandiego.gov/",
"photo": "https://www.zingchart.com/images/cities/san-diego.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d429157.55412806093!2d-117.37603583598363!3d32.82423890236055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d9530fad921e4b%3A0xd3a21fdfd15df79!2sSan+Diego%2C+CA!5e0!3m2!1sen!2sus!4v1476300829743"
},
{
"rank": 3,
"city": "San Jose",
"population": 1026908,
"incorporated": "March 27, 1850",
"region": "Northern California",
"county": "Santa Clara",
"website": "http://www.sanjoseca.gov/",
"photo": "https://www.zingchart.com/images/cities/san-jose.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d203131.14251646577!2d-121.95783812984642!3d37.29693259793059!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fcae48af93ff5%3A0xb99d8c0aca9f717b!2sSan+Jose%2C+CA!5e0!3m2!1sen!2sus!4v1476300871413"
},
{
"rank": 4,
"city": "San Francisco",
"population": 864816,
"incorporated": "April 15, 1850",
"region": "Northern California",
"county": "San Francisco",
"website": "http://sfgov.org/",
"photo": "https://www.zingchart.com/images/cities/san-francisco.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100940.17087596802!2d-122.50781152277814!3d37.75767917399387!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80859a6d00690021%3A0x4a501367f076adff!2sSan+Francisco%2C+CA!5e0!3m2!1sen!2sus!4v1476300899404"
},
{
"rank": 5,
"city": "Fresno",
"population": 520052,
"incorporated": "October 12, 1885",
"region": "Southern California",
"county": "Fresno",
"website": "http://www.fresno.gov/default.htm",
"photo": "https://www.zingchart.com/images/cities/fresno.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d204504.28675014497!2d-119.93498868848437!3d36.78545091917377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80945de1549e4e9d%3A0x7b12406449a3b811!2sFresno%2C+CA!5e0!3m2!1sen!2sus!4v1476300932365"
},
{
"rank": 6,
"city": "Sacramento",
"population": 490712,
"incorporated": "February 27, 1850",
"region": "Northern California",
"county": "Sacramento",
"website": "http://www.cityofsacramento.org/",
"photo": "https://www.zingchart.com/images/cities/sacramento.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d199667.1012576114!2d-121.58299510371795!3d38.56145708122715!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x809ac672b28397f9%3A0x921f6aaa74197fdb!2sSacramento%2C+CA!5e0!3m2!1sen!2sus!4v1477333663169"
},
{
"rank": 7,
"city": "Long Beach",
"population": 474140,
"incorporated": "December 13, 1897",
"region": "Southern California",
"county": "Los Angeles",
"website": "http://www.longbeach.gov/",
"photo": "https://www.zingchart.com/images/cities/long-beach.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d106095.3348111691!2d-118.22614917436474!3d33.799944410538565!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2cae84099d759%3A0xa1003afac42a8faa!2sLong+Beach%2C+CA!5e0!3m2!1sen!2sus!4v1477333691186"
},
{
"rank": 8,
"city": "Oakland",
"population": 419267,
"incorporated": "May 4, 1852",
"region": "Northern California",
"county": "Alameda",
"website": "http://www2.oaklandnet.com/",
"photo": "https://www.zingchart.com/images/cities/oakland.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100893.404211494!2d-122.29883373111254!3d37.79194076948306!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80857d8b28aaed03%3A0x71b415d535759367!2sOakland%2C+CA!5e0!3m2!1sen!2sus!4v1477333716522"
},
{
"rank": 9,
"city": "Bakersfield",
"population": 373640,
"incorporated": "January 11, 1898",
"region": "Southern California",
"county": "Kern",
"website": "http://www.bakersfieldcity.us/",
"photo": "https://www.zingchart.com/images/cities/bakersfield.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d208345.5769151742!2d-119.1587698761005!3d35.32089626815365!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80ea6bc8b994cb0d%3A0x59360c0998fe74c8!2sBakersfield%2C+CA!5e0!3m2!1sen!2sus!4v1477333739738"
},
{
"rank": 10,
"city": "Anaheim",
"population": 350742,
"incorporated": "March 18, 1876",
"region": "Southern California",
"county": "Orange",
"website": "http://www.anaheim.net/",
"photo": "https://www.zingchart.com/images/cities/anaheim.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d106051.59686542799!2d-117.91613917357996!3d33.83521180051264!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80dcd6f98055e867%3A0x1ab89ab9a2bb160!2sAnaheim%2C+CA!5e0!3m2!1sen!2sus!4v1477333762987"
}
]'></zg-data>
<zg-colgroup>
<zg-column index="rank"></zg-column>
<zg-column index="photo" header="Image" type="image"></zg-column>
<zg-column index="county"></zg-column>
<zg-column index="region"></zg-column>
<zg-column index="incorporated"></zg-column>
<zg-column index="website" type="url"></zg-column>
<zg-column index="map" type="iframe"></zg-column>
</zg-colgroup>
</zing-grid>
<script>
ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingGrid Demo</title>
<script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
</head>
<body>
<zing-grid caption="Top 10 Largest Cities In California" pager page-size=5 layout="card">
<zg-data data='[
{
"rank": 1,
"city": "Los Angeles",
"population": 3971883,
"incorporated": "April 4, 1850",
"region": "Southern California",
"county": "Los Angeles",
"website": "https://www.lacity.org/",
"photo": "https://www.zingchart.com/images/cities/los-angeles.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d423286.18231493316!2d-118.69260455059867!3d34.020179703370246!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2c75ddc27da13%3A0xe22fdf6f254608f4!2sLos+Angeles%2C+CA!5e0!3m2!1sen!2sus!4v1476300092259"
},
{
"rank": 2,
"city": "San Diego",
"population": 1394928,
"incorporated": "March 27, 1850",
"region": "Southern California",
"county": "San Diego",
"website": "https://www.sandiego.gov/",
"photo": "https://www.zingchart.com/images/cities/san-diego.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d429157.55412806093!2d-117.37603583598363!3d32.82423890236055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d9530fad921e4b%3A0xd3a21fdfd15df79!2sSan+Diego%2C+CA!5e0!3m2!1sen!2sus!4v1476300829743"
},
{
"rank": 3,
"city": "San Jose",
"population": 1026908,
"incorporated": "March 27, 1850",
"region": "Northern California",
"county": "Santa Clara",
"website": "http://www.sanjoseca.gov/",
"photo": "https://www.zingchart.com/images/cities/san-jose.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d203131.14251646577!2d-121.95783812984642!3d37.29693259793059!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fcae48af93ff5%3A0xb99d8c0aca9f717b!2sSan+Jose%2C+CA!5e0!3m2!1sen!2sus!4v1476300871413"
},
{
"rank": 4,
"city": "San Francisco",
"population": 864816,
"incorporated": "April 15, 1850",
"region": "Northern California",
"county": "San Francisco",
"website": "http://sfgov.org/",
"photo": "https://www.zingchart.com/images/cities/san-francisco.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100940.17087596802!2d-122.50781152277814!3d37.75767917399387!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80859a6d00690021%3A0x4a501367f076adff!2sSan+Francisco%2C+CA!5e0!3m2!1sen!2sus!4v1476300899404"
},
{
"rank": 5,
"city": "Fresno",
"population": 520052,
"incorporated": "October 12, 1885",
"region": "Southern California",
"county": "Fresno",
"website": "http://www.fresno.gov/default.htm",
"photo": "https://www.zingchart.com/images/cities/fresno.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d204504.28675014497!2d-119.93498868848437!3d36.78545091917377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80945de1549e4e9d%3A0x7b12406449a3b811!2sFresno%2C+CA!5e0!3m2!1sen!2sus!4v1476300932365"
},
{
"rank": 6,
"city": "Sacramento",
"population": 490712,
"incorporated": "February 27, 1850",
"region": "Northern California",
"county": "Sacramento",
"website": "http://www.cityofsacramento.org/",
"photo": "https://www.zingchart.com/images/cities/sacramento.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d199667.1012576114!2d-121.58299510371795!3d38.56145708122715!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x809ac672b28397f9%3A0x921f6aaa74197fdb!2sSacramento%2C+CA!5e0!3m2!1sen!2sus!4v1477333663169"
},
{
"rank": 7,
"city": "Long Beach",
"population": 474140,
"incorporated": "December 13, 1897",
"region": "Southern California",
"county": "Los Angeles",
"website": "http://www.longbeach.gov/",
"photo": "https://www.zingchart.com/images/cities/long-beach.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d106095.3348111691!2d-118.22614917436474!3d33.799944410538565!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2cae84099d759%3A0xa1003afac42a8faa!2sLong+Beach%2C+CA!5e0!3m2!1sen!2sus!4v1477333691186"
},
{
"rank": 8,
"city": "Oakland",
"population": 419267,
"incorporated": "May 4, 1852",
"region": "Northern California",
"county": "Alameda",
"website": "http://www2.oaklandnet.com/",
"photo": "https://www.zingchart.com/images/cities/oakland.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100893.404211494!2d-122.29883373111254!3d37.79194076948306!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80857d8b28aaed03%3A0x71b415d535759367!2sOakland%2C+CA!5e0!3m2!1sen!2sus!4v1477333716522"
},
{
"rank": 9,
"city": "Bakersfield",
"population": 373640,
"incorporated": "January 11, 1898",
"region": "Southern California",
"county": "Kern",
"website": "http://www.bakersfieldcity.us/",
"photo": "https://www.zingchart.com/images/cities/bakersfield.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d208345.5769151742!2d-119.1587698761005!3d35.32089626815365!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80ea6bc8b994cb0d%3A0x59360c0998fe74c8!2sBakersfield%2C+CA!5e0!3m2!1sen!2sus!4v1477333739738"
},
{
"rank": 10,
"city": "Anaheim",
"population": 350742,
"incorporated": "March 18, 1876",
"region": "Southern California",
"county": "Orange",
"website": "http://www.anaheim.net/",
"photo": "https://www.zingchart.com/images/cities/anaheim.jpg",
"map": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d106051.59686542799!2d-117.91613917357996!3d33.83521180051264!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80dcd6f98055e867%3A0x1ab89ab9a2bb160!2sAnaheim%2C+CA!5e0!3m2!1sen!2sus!4v1477333762987"
}
]'></zg-data>
<zg-colgroup>
<zg-column index="rank"></zg-column>
<zg-column index="photo" header="Image" type="image"></zg-column>
<zg-column index="county"></zg-column>
<zg-column index="region"></zg-column>
<zg-column index="incorporated"></zg-column>
<zg-column index="website" type="url"></zg-column>
<zg-column index="map" type="iframe"></zg-column>
</zg-colgroup>
</zing-grid>
</body>
</html>