<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingSoft Demo</title>
<script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
<style>
.chart--container {
height: 100%;
width: 100%;
min-height: 530px;
}
.zc-ref {
display: none;
}
</style>
</head>
<body>
<div id="myChart" class="chart--container"><a class="zc-ref" href="https://www.zingchart.com/">Powered by ZingChart</a></div>
<script>
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
let chartData = [{
text: 'HOUSING',
value: 8963.00,
children: [{
text: 'Shelter',
value: 5452.00,
children: [{
text: 'Rented dwellings',
value: 3583.00
},
{
text: 'Property taxes',
value: 655.00
},
{
text: 'Mortgage interest and charges',
value: 629.00
},
{
text: 'Maintenance, rep., ins., oth. exp., owend dwelling',
value: 629.00
},
{
text: 'Other lodging',
value: 140.00
}
],
},
{
text: 'UTILITIES, FUELS, AND PUBLIC SERVICES',
value: 2197.00,
children: [{
text: 'Electricity',
value: 971.00
},
{
text: 'Telephone services',
value: 653.00
},
{
text: 'Cellular phone service',
value: 405.00
},
{
text: 'Water and other public services',
value: 287.00
},
{
text: 'Residential phone service, VOIP, and phone cards',
value: 248.00
},
{
text: 'Natural gas',
value: 217.00
},
{
text: 'Fuel oil and other',
value: 69.00
}
]
},
{
text: 'HOUSEHOLD FURNISHINGS',
value: 588.00,
children: [{
text: 'Misc. household equipment',
value: 278.00
},
{
text: 'Furniture',
value: 124.00
},
{
text: 'Major appliances',
value: 74.00
},
{
text: 'Household textiles',
value: 56.00
},
{
text: 'Small appliances, misc. housewares',
value: 50.00
}
]
},
{
text: 'HOUSEHOLD OPERATIONS',
value: 401.00,
children: [{
text: 'Other household expenses',
value: 312.00
},
{
text: 'Personal services',
value: 89.00
}
]
},
{
text: 'HOUSEKEEPING SUPPLIES',
value: 325.00,
children: [{
text: 'Other household expenses',
value: 312.00
},
{
text: 'Personal services',
value: 89.00
}
]
}
]
},
{
text: 'FOOD',
value: 3655.00,
children: [{
text: 'FOOD AT HOME',
value: 2514.00,
children: [{
text: 'Miscellaneous foods',
value: 436.00
},
{
text: 'Nonalcoholic beverages',
value: 256.00
},
{
text: 'Sugar and other sweets',
value: 84.00
},
{
text: 'Fats and oils',
value: 82.00
},
{
text: 'Food prep. by consumer, out-of-town trips',
value: 13.00
},
{
text: 'Beef',
value: 135.00
},
{
text: 'Poultry',
value: 120.00
},
{
text: 'Pork',
value: 114.00
},
{
text: 'Fish and seafood',
value: 79.00
},
{
text: 'Other meats',
value: 73.00
},
{
text: 'Eggs',
value: 40.00
},
{
text: 'Fresh fruits',
value: 163.00
},
{
text: 'Fresh vegetables',
value: 145.00
},
{
text: 'Processed fruits',
value: 84.00
},
{
text: 'Processed vegetables',
value: 72.00
}
]
},
{
text: 'Food away from home',
value: 1142.00
}
]
},
{
text: 'TRANSPORTATION',
value: 3327.00,
children: [{
text: 'Gasoline and motor oil',
value: 1231.00
},
{
text: 'OTHER VEHICLE EXPENSES',
value: 1074.00,
children: [{
text: 'Vehicle insurance',
value: 546.00
},
{
text: 'Vehicle maintenance and repairs',
value: 327.00
},
{
text: 'Vehicle rend., leas., licen., oth. charges',
value: 149.00
},
{
text: 'Vehicle financing charges',
value: 52.00
}
]
},
{
text: 'VEHICLE PURCHASES (NET OUTLAY)',
value: 1074.00,
children: [{
text: 'Vehicle purchases: Cars and trucks, used',
value: 594.00
},
{
text: 'Vehicle purchases: Cars and trucks, new',
value: 261.00
}
]
},
{
text: 'Public Transportation',
value: 163.00
}
]
},
{
text: 'HEALTHCARE',
value: 1790.00,
children: [{
text: 'Health insurance',
value: 1094.00
},
{
text: 'Medical services',
value: 352.00
},
{
text: 'Drugs: Prescription and nonprescription',
value: 352.00
},
{
text: 'Medical supplies',
value: 63.00
}
]
},
{
text: 'ENTERTAINMENT',
value: 1002.00,
children: [{
text: 'Audio and visual equipment and services',
value: 548.00
},
{
text: 'Fees and admission',
value: 112.00
},
{
text: 'Other supplies, equip., & services',
value: 55.00
},
{
text: 'PETS, TOYS, AND PLAYGROUND EQUIPMENT',
value: 286.00,
children: [{
text: 'Pets',
value: 211.00
},
{
text: 'Toys, hobbies, and other equipment',
value: 75.00
}
]
}
]
},
{
text: 'APPAREL',
value: 724.00,
children: [{
text: 'WOMEN & GIRLS\'',
value: 302.00,
children: [{
text: 'Girls, 2 to 15',
value: 42
},
{
text: 'Women, 16 and over',
value: 260
}
]
},
{
text: 'MEN AND BOYS',
value: 144.00
},
{
text: 'Footwear',
value: 140.00
},
{
text: 'Children under 2',
value: 2.00
},
{
text: 'Other appearel products and services',
value: 106.00
}
]
},
{
text: 'CASH CONTRIBUTIONS',
value: 577.00
},
{
text: 'EDUCATION',
value: 830.00
},
{
text: 'INSURANCE AND PENSIONS',
value: 463.00,
children: [{
text: 'Pensions and social security',
value: 368.00
},
{
text: 'Life and other personal insurance',
value: 95.00
}
]
},
{
text: 'TOBACCO PRODUCTS AND SMOKING SUPPLIES',
value: 291.00
},
{
text: 'PERSONAL CARE PRODUCTS AND SERIVCES',
value: 275.00
},
{
text: 'MISC. SPENDING',
value: 292.00
},
{
text: 'ALOC. BEV.',
value: 168.00
},
{
text: 'READING',
value: 37.00
}
];
let chartConfig = {
type: 'treemap',
options: {
aspectType: 'palette',
maxChildren: [4, 4, 4],
tooltipBox: {
text: '$%value spent on %text each year'
}
},
series: chartData
};
zingchart.render({
id: 'myChart',
data: chartConfig,
hideprogresslogo: true,
output: 'canvas',
height: '100%',
width: '100%',
});
</script>
</body>
</html>
let chartData = [
{
text: 'HOUSING',
value: 8963.00,
children: [
{
text: 'Shelter',
value: 5452.00,
children: [
{
text: 'Rented dwellings',
value: 3583.00
},
{
text: 'Property taxes',
value: 655.00
},
{
text: 'Mortgage interest and charges',
value: 629.00
},
{
text: 'Maintenance, rep., ins., oth. exp., owend dwelling',
value: 629.00
},
{
text: 'Other lodging',
value: 140.00
}
],
},
{
text: 'UTILITIES, FUELS, AND PUBLIC SERVICES',
value: 2197.00,
children: [
{
text: 'Electricity',
value: 971.00
},
{
text: 'Telephone services',
value: 653.00
},
{
text: 'Cellular phone service',
value: 405.00
},
{
text: 'Water and other public services',
value: 287.00
},
{
text: 'Residential phone service, VOIP, and phone cards',
value: 248.00
},
{
text: 'Natural gas',
value: 217.00
},
{
text: 'Fuel oil and other',
value: 69.00
}
]
},
{
text: 'HOUSEHOLD FURNISHINGS',
value: 588.00,
children: [
{
text: 'Misc. household equipment',
value: 278.00
},
{
text: 'Furniture',
value: 124.00
},
{
text: 'Major appliances',
value: 74.00
},
{
text: 'Household textiles',
value: 56.00
},
{
text: 'Small appliances, misc. housewares',
value: 50.00
}
]
},
{
text: 'HOUSEHOLD OPERATIONS',
value: 401.00,
children: [
{
text: 'Other household expenses',
value: 312.00
},
{
text: 'Personal services',
value: 89.00
}
]
},
{
text: 'HOUSEKEEPING SUPPLIES',
value: 325.00,
children: [
{
text: 'Other household expenses',
value: 312.00
},
{
text: 'Personal services',
value: 89.00
}
]
}
]
},
{
text: 'FOOD',
value: 3655.00,
children: [
{
text: 'FOOD AT HOME',
value: 2514.00,
children: [
{
text: 'Miscellaneous foods',
value: 436.00
},
{
text: 'Nonalcoholic beverages',
value: 256.00
},
{
text: 'Sugar and other sweets',
value: 84.00
},
{
text: 'Fats and oils',
value: 82.00
},
{
text: 'Food prep. by consumer, out-of-town trips',
value: 13.00
},
{
text: 'Beef',
value: 135.00
},
{
text: 'Poultry',
value: 120.00
},
{
text: 'Pork',
value: 114.00
},
{
text: 'Fish and seafood',
value: 79.00
},
{
text: 'Other meats',
value: 73.00
},
{
text: 'Eggs',
value: 40.00
},
{
text: 'Fresh fruits',
value: 163.00
},
{
text: 'Fresh vegetables',
value: 145.00
},
{
text: 'Processed fruits',
value: 84.00
},
{
text: 'Processed vegetables',
value: 72.00
}
]
},
{
text: 'Food away from home',
value: 1142.00
}
]
},
{
text: 'TRANSPORTATION',
value: 3327.00,
children: [
{
text: 'Gasoline and motor oil',
value: 1231.00
},
{
text: 'OTHER VEHICLE EXPENSES',
value: 1074.00,
children: [
{
text: 'Vehicle insurance',
value: 546.00
},
{
text: 'Vehicle maintenance and repairs',
value: 327.00
},
{
text: 'Vehicle rend., leas., licen., oth. charges',
value: 149.00
},
{
text: 'Vehicle financing charges',
value: 52.00
}
]
},
{
text: 'VEHICLE PURCHASES (NET OUTLAY)',
value: 1074.00,
children: [
{
text: 'Vehicle purchases: Cars and trucks, used',
value: 594.00
},
{
text: 'Vehicle purchases: Cars and trucks, new',
value: 261.00
}
]
},
{
text: 'Public Transportation',
value: 163.00
}
]
},
{
text: 'HEALTHCARE',
value: 1790.00,
children: [
{
text: 'Health insurance',
value: 1094.00
},
{
text: 'Medical services',
value: 352.00
},
{
text: 'Drugs: Prescription and nonprescription',
value: 352.00
},
{
text: 'Medical supplies',
value: 63.00
}
]
},
{
text: 'ENTERTAINMENT',
value: 1002.00,
children: [
{
text: 'Audio and visual equipment and services',
value: 548.00
},
{
text: 'Fees and admission',
value: 112.00
},
{
text: 'Other supplies, equip., & services',
value: 55.00
},
{
text: 'PETS, TOYS, AND PLAYGROUND EQUIPMENT',
value: 286.00,
children: [
{
text: 'Pets',
value: 211.00
},
{
text: 'Toys, hobbies, and other equipment',
value: 75.00
}
]
}
]
},
{
text: 'APPAREL',
value: 724.00,
children: [
{
text: 'WOMEN & GIRLS\'',
value: 302.00,
children: [
{
text: 'Girls, 2 to 15',
value: 42
},
{
text: 'Women, 16 and over',
value: 260
}
]
},
{
text: 'MEN AND BOYS',
value: 144.00
},
{
text: 'Footwear',
value: 140.00
},
{
text: 'Children under 2',
value: 2.00
},
{
text: 'Other appearel products and services',
value: 106.00
}
]
},
{
text: 'CASH CONTRIBUTIONS',
value: 577.00
},
{
text: 'EDUCATION',
value: 830.00
},
{
text: 'INSURANCE AND PENSIONS',
value: 463.00,
children: [
{
text: 'Pensions and social security',
value: 368.00
},
{
text: 'Life and other personal insurance',
value: 95.00
}
]
},
{
text: 'TOBACCO PRODUCTS AND SMOKING SUPPLIES',
value: 291.00
},
{
text: 'PERSONAL CARE PRODUCTS AND SERIVCES',
value: 275.00
},
{
text: 'MISC. SPENDING',
value: 292.00
},
{
text: 'ALOC. BEV.',
value: 168.00
},
{
text: 'READING',
value: 37.00
}
];
let chartConfig = {
type: 'treemap',
options: {
aspectType: 'palette',
maxChildren: [4, 4, 4],
tooltipBox: {
text: '$%value spent on %text each year'
}
},
series: chartData
};
zingchart.render({
id: 'myChart',
data: chartConfig,
hideprogresslogo: true,
output: 'canvas',
height: '100%',
width: '100%',
});
