Edit in JSFiddle

require.config({
    baseUrl: "http://ibm-js.github.io/libraries/master/"
});
require(["dtreemap-build/layer"], function () {
    require([
        "dtreemap/TreeMap",
        "dstore/Memory",
        "dcolor/MeanColorModel",
        "dcolor/Color",
        "requirejs-domready/domReady!"
    ], function(TreeMap, Memory, MeanColorModel, Color) {
        var dataStore = new Memory({idProperty: "label", data:
        [
          { label: "France", sales: 500, profit: 50, region: "EU" },
          { label: "Germany", sales: 450, profit: 48, region: "EU" },
          { label: "UK", sales: 700, profit: 60, region: "EU" },
          { label: "USA", sales: 2000, profit: 250, region: "America" },
          { label: "Canada", sales: 600, profit: 30, region: "America" },
          { label: "Brazil", sales: 450, profit: 30, region: "America" },
          { label: "China", sales: 500, profit: 40, region: "Asia" },
          { label: "Japan", sales: 900, profit: 100, region: "Asia" }
        ]});
        var colorModel = new MeanColorModel(new Color(Color.named.red), new Color(Color.named.green));
        var treeMap = new TreeMap({store: dataStore,
          areaAttr: "sales",
          colorFunc: function(item){
            // use benefit % instead of absolute profit
            return item.profit / item.area;
          },
          groupAttrs: ["region"],
          colorModel: colorModel,
          query: function(item){
            return item.sales > 500;
          }});
        treeMap.style.width = "320px";
        treeMap.style.height = "320px";
        treeMap.placeAt(document.body);
    });
});