const root = treemap(data);

const svg = d3.create("svg")

.attr("viewBox", [0, 0, width, height])

.style("font", "10px sans-serif");

const leaf = svg.selectAll("g")

.data(root.leaves())

.join("g")

.attr("transform", d => `translate(${d.x0},${d.y0})`);

leaf.append("title")

.text(d => `${d.ancestors().reverse().map(d => d.data.name).join("/")}\n${format(d.value)}`);

leaf.append("rect")

.attr("id", d => (d.leafUid = DOM.uid("leaf")).id)

.attr("fill", d => { while (d.depth > 1) d = d.parent; return color(d.data.name); })

.attr("fill-opacity", 0.6)

.attr("width", d => d.x1 - d.x0)

.attr("height", d => d.y1 - d.y0);

leaf.append("clipPath")

.attr("id", d => (d.clipUid = DOM.uid("clip")).id)

.append("use")

.attr("xlink:href", d => d.leafUid.href);

leaf.append("text")

.attr("clip-path", d => d.clipUid)

.selectAll("tspan")

.data(d => d.data.name.split(/(?=[A-Z][^A-Z])/g).concat(format(d.value)))

.join("tspan")

.attr("x", 3)

.attr("y", (d, i, nodes) => `${(i === nodes.length - 1) * 0.3 + 1.1 + i * 0.9}em`)

.attr("fill-opacity", (d, i, nodes) => i === nodes.length - 1 ? 0.7 : null)

.text(d => d);

return svg.node();

data = ({"name": "Exports", "children": [{"name": "Wales", "children": [{"name": "Food and Live Animals", "children": [{"name": "Live Animals Other Than Animals Of Division 03", "value": 12.910656}, {"name": "Meat and Meat Preparations", "value": 25.605552}, {"name": "Dairy Products and Birds\' Eggs", "value": 37.483191}, {"name": "Fish, Crustaceans, Molluscs and Aquatic Inverterbrates and Preparations Thereof", "value": 4.851154}, {"name": "Cereals and Cereal Preparations", "value": 14.735608}, {"name": "Vegetables and Fruit", "value": 4.861886}, {"name": "Sugar, Sugar Preparations and Honey", "value": 1.8010099999999998}, {"name": "Coffee, Tea, Cocoa, Spices and Manufactures Thereof", "value": 2.396766}, {"name": "Feeding Stuff For Animals (not Including Unmilled Cereals)", "value": 8.486232000000001}, {"name": "Miscellaneous Edible Products and Preparations", "value": 20.310067}]}, {"name": "Beverages and Tobacco", "children": [{"name": "Beverages", "value": 8.275807}, {"name": "Tobacco and Tobacco Manufactures", "value": 0.063387}]}, {"name": "Crude Materials, Inedible, excl. Fuels", "children": [{"name": "Hides, Skins and Furskins, Raw", "value": 1.50435}, {"name": "Oil Seeds and Oleaginous Fruits", "value": 0.025397}, {"name": "Crude Rubber (Including Synthetic and Reclaimed)", "value": 0.16963399999999998}, {"name": "Cork and Wood", "value": 0.330959}, {"name": "Pulp and Waste Paper", "value": 1.8751520000000002}, {"name": "Textile Fibres Not Manufactured and their Waste etc.", "value": 1.2507489999999999}, {"name": "Crude Fertilizers and Crude Minerals (Excluding Fuels etc.)", "value": 1.079515}, {"name": "Metalliferous Ores and Metal Scrap", "value": 52.66879399999999}, {"name": "Crude Animal and Vegetable Materials not Elsewhere Specified", "value": 1.376248}]}, {"name": "Minerals, Fuels, Lubricants etc.", "children": [{"name": "Coal, Coke and Briquettes", "value": 3.117659}, {"name": "Petroleum, Petroleum Products and Related Materials", "value": 498.16975199999996}, {"name": "Gas, Natural and Manufactured", "value": 3.202979}, {"name": "Electric Current", "value": 15.343753}]}, {"name": "Animal and Vegetable Oils etc.", "children": [{"name": "Animal Oils and Fats", "value": 0.29888000000000003}, {"name": "Fixed Vegetable Fats and Oils, Crude, Refined, Fractionated", "value": 0.313299}, {"name": "Animal Or Vegetable Fats and Oils, Processed; and Waxes", "value": 0.13263599999999998}]}, {"name": "Chemicals and Related Products", "children": [{"name": "Organic Chemicals", "value": 59.943107999999995}, {"name": "Inorganic Chemicals", "value": 6.821012}, {"name": "Dyeing, Tanning and Colouring Materials", "value": 26.848342}, {"name": "Medicinal and Pharmaceutical Products", "value": 175.711128}, {"name": "Essential Oils and Perfume Materials; Toilet Preparations etc.", "value": 33.299096}, {"name": "Fertilizers (other than those of Group 272)", "value": 5.245533}, {"name": "Plastics In Primary Forms", "value": 43.153995}, {"name": "Plastics In Non-Primary Forms", "value": 45.032383}, {"name": "Chemical Materials and Products not Elsewhere Specified", "value": 111.407176}]}, {"name": "Manufactured Goods", "children": [{"name": "Leather, Leather Manufactures not Elsewhere Specified and Dressed Furskins", "value": 0.38592600000000005}, {"name": "Rubber Manufactures not Elsewhere Specified", "value": 35.985234000000005}, {"name": "Cork and Wood Manufactures (Excluding Furniture)", "value": 1.8339779999999999}, {"name": "Paper, Paperboard and Manufactures Thereof", "value": 31.256069}, {"name": "Textile Yarn, Fabrics, Made Up Articles etc.", "value": 12.172912}, {"name": "Non-Metallic Mineral Manufactures not Elsewhere Specified", "value": 45.694328000000006}, {"name": "Iron and Steel", "value": 262.258031}, {"name": "Non-Ferrous Metals", "value": 80.41776899999999}, {"name": "Manufactures Of Metal not Elsewhere Specified", "value": 96.90113199999999}]}, {"name": "Machinery and Transport Equipment", "children": [{"name": "Power Generating Machinery and Equipment", "value": 619.340804}, {"name": "Machinery Specialized For Particular Industries", "value": 97.650347}, {"name": "Metalworking Machinery", "value": 9.893123}, {"name": "General Industrial Machinery and Equipment and Machine Parts not Elsewhere Specified", "value": 86.463031}, {"name": "Office Machines and ADP Machines", "value": 37.336209000000004}, {"name": "Telecomms and Sound Recording and Reproducing Apparatus and Equipment", "value": 38.142237}, {"name": "Electric Machinery, Apparatus and Appliances and Electric Parts Thereof not Elsewhere Specified", "value": 192.6023}, {"name": "Road Vehicles (Including Air Cushion Vehicles)", "value": 164.326051}, {"name": "Other Transport Equipment", "value": 1214.786337}]}, {"name": "Miscellaneous Manufactured Goods", "children": [{"name": "Prefabricated Buildings; Sanitation , Plumbing, Heating and Lighting Fixtures", "value": 8.801236}, {"name": "Furniture and Parts Thereof; Bedding and Mattresses etc.", "value": 64.43843000000001}, {"name": "Travel Goods, Handbags and Similar Containers", "value": 3.357816}, {"name": "Articles Of Apparel and Clothing Accessories", "value": 27.939397999999997}, {"name": "Footwear", "value": 6.596153999999999}, {"name": "Professional, Scientific and Controlling Ins and Apparatus not Elsewhere Specified", "value": 117.85641799999999}, {"name": "Photographic and Optical Goods not Elsewhere Specified; Watches and Clocks", "value": 12.165619}, {"name": "Miscellaneous Manufactured Articles not Elsewhere Specified", "value": 110.514661}]}, {"name": "Commodities not Classified Elsewhere", "children": [{"name": "Postal packages not classified according to kind", "value": 0.0}, {"name": "Special transactions and commodities not classified according to kind", "value": 17.992198000000002}, {"name": "Coin (other than gold coin), not being of legal tender", "value": 0.395368}, {"name": "Gold, non-monetory (exc gold ores and contentrates) and gold coin not of legal tender", "value": 0.0}, {"name": "Military arms and ammunition", "value": 0.0}]}]}, {"name": "Scotland", "children": [{"name": "Food and Live Animals", "children": [{"name": "Live Animals Other Than Animals Of Division 03", "value": 13.491248}, {"name": "Meat and Meat Preparations", "value": 26.738013}, {"name": "Dairy Products and Birds\' Eggs", "value": 16.600516}, {"name": "Fish, Crustaceans, Molluscs and Aquatic Inverterbrates and Preparations Thereof", "value": 209.314086}, {"name": "Cereals and Cereal Preparations", "value": 38.249294}, {"name": "Vegetables and Fruit", "value": 20.9682}, {"name": "Sugar, Sugar Preparations and Honey", "value": 4.963674}, {"name": "Coffee, Tea, Cocoa, Spices and Manufactures Thereof", "value": 4.609478}, {"name": "Feeding Stuff For Animals (not Including Unmilled Cereals)", "value": 42.375087}, {"name": "Miscellaneous Edible Products and Preparations", "value": 10.707061}]}, {"name": "Beverages and Tobacco", "children": [{"name": "Beverages", "value": 1020.8327949999999}, {"name": "Tobacco and Tobacco Manufactures", "value": 0.239065}]}, {"name": "Crude Materials, Inedible, excl. Fuels", "children": [{"name": "Hides, Skins and Furskins, Raw", "value": 2.8381060000000002}, {"name": "Oil Seeds and Oleaginous Fruits", "value": 1.5390409999999999}, {"name": "Crude Rubber (Including Synthetic and Reclaimed)", "value": 35.898368}, {"name": "Cork and Wood", "value": 2.667653}, {"name": "Pulp and Waste Paper", "value": 1.426284}, {"name": "Textile Fibres Not Manufactured and their Waste etc.", "value": 13.282745000000002}, {"name": "Crude Fertilizers and Crude Minerals (Excluding Fuels etc.)", "value": 3.2947480000000002}, {"name": "Metalliferous Ores and Metal Scrap", "value": 56.795028}, {"name": "Crude Animal and Vegetable Materials not Elsewhere Specified", "value": 6.873944}]}, {"name": "Minerals, Fuels, Lubricants etc.", "children": [{"name": "Coal, Coke and Briquettes", "value": 0.667929}, {"name": "Petroleum, Petroleum Products and Related Materials", "value": 3305.391695}, {"name": "Gas, Natural and Manufactured", "value": 145.07206100000002}, {"name": "Electric Current", "value": 0.0}]}, {"name": "Animal and Vegetable Oils etc.", "children": [{"name": "Animal Oils and Fats", "value": 3.023521}, {"name": "Fixed Vegetable Fats and Oils, Crude, Refined, Fractionated", "value": 3.216108}, {"name": "Animal Or Vegetable Fats and Oils, Processed; and Waxes", "value": 0.17541400000000001}]}, {"name": "Chemicals and Related Products", "children": [{"name": "Organic Chemicals", "value": 126.17866799999999}, {"name": "Inorganic Chemicals", "value": 14.713099}, {"name": "Dyeing, Tanning and Colouring Materials", "value": 30.469946999999998}, {"name": "Medicinal and Pharmaceutical Products", "value": 193.534759}, {"name": "Essential Oils and Perfume Materials; Toilet Preparations etc.", "value": 29.242521999999997}, {"name": "Fertilizers (other than those of Group 272)", "value": 3.3383529999999997}, {"name": "Plastics In Primary Forms", "value": 61.712208}, {"name": "Plastics In Non-Primary Forms", "value": 54.91105}, {"name": "Chemical Materials and Products not Elsewhere Specified", "value": 167.740235}]}, {"name": "Manufactured Goods", "children": [{"name": "Leather, Leather Manufactures not Elsewhere Specified and Dressed Furskins", "value": 25.397913}, {"name": "Rubber Manufactures not Elsewhere Specified", "value": 41.142575}, {"name": "Cork and Wood Manufactures (Excluding Furniture)", "value": 8.450382000000001}, {"name": "Paper, Paperboard and Manufactures Thereof", "value": 42.365058000000005}, {"name": "Textile Yarn, Fabrics, Made Up Articles etc.", "value": 53.917926}, {"name": "Non-Metallic Mineral Manufactures not Elsewhere Specified", "value": 34.821588}, {"name": "Iron and Steel", "value": 65.95780400000001}, {"name": "Non-Ferrous Metals", "value": 102.323716}, {"name": "Manufactures Of Metal not Elsewhere Specified", "value": 94.595913}]}, {"name": "Machinery and Transport Equipment", "children": [{"name": "Power Generating Machinery and Equipment", "value": 668.8200469999999}, {"name": "Machinery Specialized For Particular Industries", "value": 122.600326}, {"name": "Metalworking Machinery", "value": 9.003005}, {"name": "General Industrial Machinery and Equipment and Machine Parts not Elsewhere Specified", "value": 314.128912}, {"name": "Office Machines and ADP Machines", "value": 87.534666}, {"name": "Telecomms and Sound Recording and Reproducing Apparatus and Equipment", "value": 69.236877}, {"name": "Electric Machinery, Apparatus and Appliances and Electric Parts Thereof not Elsewhere Specified", "value": 203.991466}, {"name": "Road Vehicles (Including Air Cushion Vehicles)", "value": 143.130133}, {"name": "Other Transport Equipment", "value": 155.390544}]}, {"name": "Miscellaneous Manufactured Goods", "children": [{"name": "Prefabricated Buildings; Sanitation , Plumbing, Heating and Lighting Fixtures", "value": 17.225489000000003}, {"name": "Furniture and Parts Thereof; Bedding and Mattresses etc.", "value": 5.543242}, {"name": "Travel Goods, Handbags and Similar Containers", "value": 4.998225}, {"name": "Articles Of Apparel and Clothing Accessories", "value": 72.866629}, {"name": "Footwear", "value": 14.741060999999998}, {"name": "Professional, Scientific and Controlling Ins and Apparatus not Elsewhere Specified", "value": 178.96945}, {"name": "Photographic and Optical Goods not Elsewhere Specified; Watches and Clocks", "value": 10.944212}, {"name": "Miscellaneous Manufactured Articles not Elsewhere Specified", "value": 138.37905}]}, {"name": "Commodities not Classified Elsewhere", "children": [{"name": "Postal packages not classified according to kind", "value": 0.0}, {"name": "Special transactions and commodities not classified according to kind", "value": 6.995539999999999}, {"name": "Coin (other than gold coin), not being of legal tender", "value": 0.000583}, {"name": "Gold, non-monetory (exc gold ores and contentrates) and gold coin not of legal tender", "value": 0.0}, {"name": "Military arms and ammunition", "value": 0.0}]}]}, {"name": "Northern Ireland", "children": [{"name": "Food and Live Animals", "children": [{"name": "Live Animals Other Than Animals Of Division 03", "value": 3.68494}, {"name": "Meat and Meat Preparations", "value": 84.812099}, {"name": "Dairy Products and Birds\' Eggs", "value": 148.951463}, {"name": "Fish, Crustaceans, Molluscs and Aquatic Inverterbrates and Preparations Thereof", "value": 17.340107999999997}, {"name": "Cereals and Cereal Preparations", "value": 33.927802}, {"name": "Vegetables and Fruit", "value": 22.829105}, {"name": "Sugar, Sugar Preparations and Honey", "value": 5.2016230000000006}, {"name": "Coffee, Tea, Cocoa, Spices and Manufactures Thereof", "value": 7.264213000000001}, {"name": "Feeding Stuff For Animals (not Including Unmilled Cereals)", "value": 36.934499}, {"name": "Miscellaneous Edible Products and Preparations", "value": 14.16325}]}, {"name": "Beverages and Tobacco", "children": [{"name": "Beverages", "value": 78.427216}, {"name": "Tobacco and Tobacco Manufactures", "value": 0.079791}]}, {"name": "Crude Materials, Inedible, excl. Fuels", "children": [{"name": "Hides, Skins and Furskins, Raw", "value": 3.971224}, {"name": "Oil Seeds and Oleaginous Fruits", "value": 1.568885}, {"name": "Crude Rubber (Including Synthetic and Reclaimed)", "value": 0.134213}, {"name": "Cork and Wood", "value": 16.899299}, {"name": "Pulp and Waste Paper", "value": 0.387954}, {"name": "Textile Fibres Not Manufactured and their Waste etc.", "value": 4.677423999999999}, {"name": "Crude Fertilizers and Crude Minerals (Excluding Fuels etc.)", "value": 8.198103}, {"name": "Metalliferous Ores and Metal Scrap", "value": 18.864314999999998}, {"name": "Crude Animal and Vegetable Materials not Elsewhere Specified", "value": 5.207706}]}, {"name": "Minerals, Fuels, Lubricants etc.", "children": [{"name": "Coal, Coke and Briquettes", "value": 30.819912}, {"name": "Petroleum, Petroleum Products and Related Materials", "value": 28.88485}, {"name": "Gas, Natural and Manufactured", "value": 0.707427}, {"name": "Electric Current", "value": 16.052391}]}, {"name": "Animal and Vegetable Oils etc.", "children": [{"name": "Animal Oils and Fats", "value": 2.131105}, {"name": "Fixed Vegetable Fats and Oils, Crude, Refined, Fractionated", "value": 3.174343}, {"name": "Animal Or Vegetable Fats and Oils, Processed; and Waxes", "value": 0.253714}]}, {"name": "Chemicals and Related Products", "children": [{"name": "Organic Chemicals", "value": 3.8729489999999998}, {"name": "Inorganic Chemicals", "value": 2.769112}, {"name": "Dyeing, Tanning and Colouring Materials", "value": 7.140714999999999}, {"name": "Medicinal and Pharmaceutical Products", "value": 237.35702}, {"name": "Essential Oils and Perfume Materials; Toilet Preparations etc.", "value": 13.588953}, {"name": "Fertilizers (other than those of Group 272)", "value": 5.310763}, {"name": "Plastics In Primary Forms", "value": 9.939758}, {"name": "Plastics In Non-Primary Forms", "value": 26.942237}, {"name": "Chemical Materials and Products not Elsewhere Specified", "value": 33.906824}]}, {"name": "Manufactured Goods", "children": [{"name": "Leather, Leather Manufactures not Elsewhere Specified and Dressed Furskins", "value": 0.44718}, {"name": "Rubber Manufactures not Elsewhere Specified", "value": 20.692632999999997}, {"name": "Cork and Wood Manufactures (Excluding Furniture)", "value": 16.667606}, {"name": "Paper, Paperboard and Manufactures Thereof", "value": 24.086195}, {"name": "Textile Yarn, Fabrics, Made Up Articles etc.", "value": 48.863203999999996}, {"name": "Non-Metallic Mineral Manufactures not Elsewhere Specified", "value": 24.389263}, {"name": "Iron and Steel", "value": 18.547722}, {"name": "Non-Ferrous Metals", "value": 5.546101999999999}, {"name": "Manufactures Of Metal not Elsewhere Specified", "value": 37.123169}]}, {"name": "Machinery and Transport Equipment", "children": [{"name": "Power Generating Machinery and Equipment", "value": 63.368878}, {"name": "Machinery Specialized For Particular Industries", "value": 215.31112799999997}, {"name": "Metalworking Machinery", "value": 1.591901}, {"name": "General Industrial Machinery and Equipment and Machine Parts not Elsewhere Specified", "value": 118.452257}, {"name": "Office Machines and ADP Machines", "value": 2.861295}, {"name": "Telecomms and Sound Recording and Reproducing Apparatus and Equipment", "value": 21.117023}, {"name": "Electric Machinery, Apparatus and Appliances and Electric Parts Thereof not Elsewhere Specified", "value": 70.264801}, {"name": "Road Vehicles (Including Air Cushion Vehicles)", "value": 118.477048}, {"name": "Other Transport Equipment", "value": 196.444444}]}, {"name": "Miscellaneous Manufactured Goods", "children": [{"name": "Prefabricated Buildings; Sanitation , Plumbing, Heating and Lighting Fixtures", "value": 11.41924}, {"name": "Furniture and Parts Thereof; Bedding and Mattresses etc.", "value": 179.22488700000002}, {"name": "Travel Goods, Handbags and Similar Containers", "value": 2.125393}, {"name": "Articles Of Apparel and Clothing Accessories", "value": 26.061854999999998}, {"name": "Footwear", "value": 5.079463}, {"name": "Professional, Scientific and Controlling Ins and Apparatus not Elsewhere Specified", "value": 78.03005999999999}, {"name": "Photographic and Optical Goods not Elsewhere Specified; Watches and Clocks", "value": 5.452318}, {"name": "Miscellaneous Manufactured Articles not Elsewhere Specified", "value": 56.874415}]}, {"name": "Commodities not Classified Elsewhere", "children": [{"name": "Postal packages not classified according to kind", "value": 0.0}, {"name": "Special transactions and commodities not classified according to kind", "value": 5.176132}, {"name": "Coin (other than gold coin), not being of legal tender", "value": 0.00021099999999999998}, {"name": "Gold, non-monetory (exc gold ores and contentrates) and gold coin not of legal tender", "value": 0.0}, {"name": "Military arms and ammunition", "value": 0.0}]}]}]})

.tile(d3[tile])

.size([width, height])

.padding(1)

.round(true)

(d3.hierarchy(data)

.sum(d => d.value)

.sort((a, b) => b.value - a.value))