larsvers · August 29, 2015 14:04
diff --git a/dataPostModel.json b/dataPostModel.json
 {
 	"name": "All Data",
 	"children": [
 		{"name": "Brand associations", "key": 1,
 			"children": [
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 11", "size": 46, "potential": 70, "nonPotential": 30, "key": 15},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 5", "size": 9, "potential": 35, "nonPotential": 65, "key": 29},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 18", "size": 1, "potential": 53, "nonPotential": 47, "key": 42},
 				{"category": "Brand", "name": "Unaided Awareness Brand 14", "size": 2, "potential": 57, "nonPotential": 43, "key": 58},
 				{"category": "Brand", "name": "Consideration to buy Brand 6", "size": 73, "potential": 74, "nonPotential": 26, "key": 110},
 				{"category": "Brand", "name": "Consideration to buy Brand 9", "size": 10, "potential": 43, "nonPotential": 57, "key": 113},
 				{"category": "Brand", "name": "Equity Brand 9", "size": 7, "potential": 28, "nonPotential": 72, "key": 153},
 				{"category": "Brand", "name": "Rejection Brand 13", "size": 4, "potential": 49, "nonPotential": 51, "key": 177},
 				{"category": "Brand", "name": "Recommendation Brand 3", "size": 1, "potential": 50, "nonPotential": 50, "key": 187},
 				{"category": "Brand", "name": "Recommendation Brand 8", "size": 63, "potential": 62, "nonPotential": 38, "key": 192},
 				{"category": "Brand", "name": "Value for Money Brand 9", "size": 100, "potential": 87, "nonPotential": 13, "key": 233},
 				{"category": "Brand", "name": "Innovativeness Brand 8", "size": 32, "potential": 66, "nonPotential": 34, "key": 272},
 				{"category": "Brand", "name": "Innovativeness Brand 19", "size": 1, "potential": 48, "nonPotential": 52, "key": 283},
 				{"category": "Brand", "name": "Premium Brand 7", "size": 3, "potential": 51, "nonPotential": 49, "key": 291},
 				{"category": "Brand", "name": "Premium Brand 9", "size": 89, "potential": 91, "nonPotential": 9, "key": 293},
 				{"category": "Brand", "name": "Premium Brand 14", "size": 24, "potential": 59, "nonPotential": 41, "key": 298}			
 			]
 		},
 		{"name": "Content associations", "key": 2,
 			"children": [
 				{"category": "Behaviourial", "name": "Vote for Party 2", "size": 10, "potential": 47, "nonPotential": 53, "key": 306},
 				{"category": "Behaviourial", "name": "Vote for Party 3", "size": 78, "potential": 59, "nonPotential": 41, "key": 307},
 				{"category": "Behaviourial", "name": "Favourite Daytime Activity 1", "size": 100, "potential": 93, "nonPotential": 7, "key": 310},
 				{"category": "Behaviourial", "name": "Favourite Daytime Activity 5", "size": 27, "potential": 30, "nonPotential": 70, "key": 314},
 				{"category": "Behaviourial", "name": "Favourite Evening Activity 2", "size": 8, "potential": 50, "nonPotential": 50, "key": 316},
 				{"category": "Behaviourial", "name": "Favourite Evening Activity 3", "size": 39, "potential": 71, "nonPotential": 29, "key": 317},
 				{"category": "Behaviourial", "name": "Shopping Behaviour  4", "size": 94, "potential": 87, "nonPotential": 13, "key": 323},
 				{"category": "Behaviourial", "name": "Shopping Behaviour  5", "size": 61, "potential": 68, "nonPotential": 32, "key": 324},
 				{"category": "Behaviourial", "name": "Media Usage 4", "size": 13, "potential": 29, "nonPotential": 71, "key": 328},
 				{"category": "Behaviourial", "name": "Goals in Life 3", "size": 7, "potential": 51, "nonPotential": 49, "key": 332},
 				{"category": "Behaviourial", "name": "Goals in Life 4", "size": 83, "potential": 64, "nonPotential": 36, "key": 333},
 				{"category": "Behaviourial", "name": "Goals in Life 5", "size": 28, "potential": 78, "nonPotential": 22, "key": 334}			
 			]
 		},
 		{"name": "Demographic associations", "key": 3,
 			"children": [
 				{"category": "Demo", "name": "Age", "size": 100, "potential": 29, "nonPotential": 37, "key": 336},
 				{"category": "Demo", "name": "Residence", "size": 89, "potential": 58, "nonPotential": 42, "key": 337},
 				{"category": "Demo", "name": "Children", "size": 43, "potential": 0.4, "nonPotential": 1.2, "key": 338},
 				{"category": "Demo", "name": "Income", "size": 77, "potential": 29000, "nonPotential": 36000, "key": 339},
 				{"category": "Demo", "name": "Religion 3", "size": 30, "potential": 59, "nonPotential": 41, "key": 350},
 				{"category": "Demo", "name": "Area 8", "size": 8, "potential": 51, "nonPotential": 49, "key": 360},
 				{"category": "Demo", "name": "Ethnicity 5", "size": 49, "potential": 90, "nonPotential": 10, "key": 368},
 				{"category": "Demo", "name": "Ethnicity 6", "size": 4, "potential": 47, "nonPotential": 53, "key": 369},
 				{"category": "Demo", "name": "Married: yes", "size": 1, "potential": 38, "nonPotential": 62, "key": 370}			
 			]
 		},
 		{"name": "Market associations", "key": 4,
 			"children": [
 				{"category": "Market", "name": "Buys Brand 1", "size": 14, "potential": 43, "nonPotential": 57, "key": 372},
 				{"category": "Market", "name": "Buys Brand 5", "size": 29, "potential": 44, "nonPotential": 56, "key": 376},
 				{"category": "Market", "name": "Buys Brand 11", "size": 78, "potential": 39, "nonPotential": 61, "key": 382},
 				{"category": "Market", "name": "Buys Brand 14", "size": 100, "potential": 79, "nonPotential": 21, "key": 385},
 				{"category": "Market", "name": "Buys Brand 16", "size": 56, "potential": 60, "nonPotential": 40, "key": 387},
 				{"category": "Market", "name": "Buys Brand 18", "size": 3, "potential": 51, "nonPotential": 49, "key": 389},
 				{"category": "Market", "name": "Buys Brand 19", "size": 18, "potential": 32, "nonPotential": 68, "key": 390},
 				{"category": "Market", "name": "Buys Brand 20", "size": 67, "potential": 64, "nonPotential": 36, "key": 391},
 				{"category": "Market", "name": "Has previously bought Brand 10", "size": 76, "potential": 57, "nonPotential": 43, "key": 401},
 				{"category": "Market", "name": "Has previously bought Brand 13", "size": 39, "potential": 82, "nonPotential": 18, "key": 404},
 				{"category": "Market", "name": "Has previously bought Brand 19", "size": 21, "potential": 20, "nonPotential": 80, "key": 410},
 				{"category": "Market", "name": "Will buy  Brand 1", "size": 98, "potential": 53, "nonPotential": 47, "key": 412},
 				{"category": "Market", "name": "Will buy  Brand 2", "size": 3, "potential": 47, "nonPotential": 53, "key": 413},
 				{"category": "Market", "name": "Will buy  Brand 7", "size": 12, "potential": 51, "nonPotential": 49, "key": 418},
 				{"category": "Market", "name": "Will buy  Brand 8", "size": 7, "potential": 53, "nonPotential": 47, "key": 419},
 				{"category": "Market", "name": "Will buy  Brand 12", "size": 46, "potential": 59, "nonPotential": 41, "key": 423},
 				{"category": "Market", "name": "Will buy  Brand 18", "size": 98, "potential": 69, "nonPotential": 31, "key": 429}			
 			]
 		}
 	]
 }
diff --git a/dataPreModel.json b/dataPreModel.json
 {
 	"name": "All Data",
 	"children": [
 		{"name": "Brand information", "key": 1,
 			"children": [
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 1", "size": 1, "key": 5},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 2", "size": 1, "key": 6},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 3", "size": 1, "key": 7},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 4", "size": 1, "key": 8},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 5", "size": 1, "key": 9},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 6", "size": 1, "key": 10},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 7", "size": 1, "key": 11},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 8", "size": 1, "key": 12},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 9", "size": 1, "key": 13},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 10", "size": 1, "key": 14},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 11", "size": 1, "key": 15},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 12", "size": 1, "key": 16},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 13", "size": 1, "key": 17},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 14", "size": 1, "key": 18},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 15", "size": 1, "key": 19},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 16", "size": 1, "key": 20},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 17", "size": 1, "key": 21},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 18", "size": 1, "key": 22},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 19", "size": 1, "key": 23},
 				{"category": "Brand", "name": "Top of Mind Awareness Brand 20", "size": 1, "key": 24},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 1", "size": 1, "key": 25},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 2", "size": 1, "key": 26},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 3", "size": 1, "key": 27},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 4", "size": 1, "key": 28},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 5", "size": 1, "key": 29},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 6", "size": 1, "key": 30},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 7", "size": 1, "key": 31},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 8", "size": 1, "key": 32},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 9", "size": 1, "key": 33},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 10", "size": 1, "key": 34},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 11", "size": 1, "key": 35},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 12", "size": 1, "key": 36},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 13", "size": 1, "key": 37},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 14", "size": 1, "key": 38},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 15", "size": 1, "key": 39},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 16", "size": 1, "key": 40},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 17", "size": 1, "key": 41},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 18", "size": 1, "key": 42},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 19", "size": 1, "key": 43},
 				{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 20", "size": 1, "key": 44},
 				{"category": "Brand", "name": "Unaided Awareness Brand 1", "size": 1, "key": 45},
 				{"category": "Brand", "name": "Unaided Awareness Brand 2", "size": 1, "key": 46},
 				{"category": "Brand", "name": "Unaided Awareness Brand 3", "size": 1, "key": 47},
 				{"category": "Brand", "name": "Unaided Awareness Brand 4", "size": 1, "key": 48},
 				{"category": "Brand", "name": "Unaided Awareness Brand 5", "size": 1, "key": 49},
 				{"category": "Brand", "name": "Unaided Awareness Brand 6", "size": 1, "key": 50},
 				{"category": "Brand", "name": "Unaided Awareness Brand 7", "size": 1, "key": 51},
 				{"category": "Brand", "name": "Unaided Awareness Brand 8", "size": 1, "key": 52},
 				{"category": "Brand", "name": "Unaided Awareness Brand 9", "size": 1, "key": 53},
 				{"category": "Brand", "name": "Unaided Awareness Brand 10", "size": 1, "key": 54},
 				{"category": "Brand", "name": "Unaided Awareness Brand 11", "size": 1, "key": 55},
 				{"category": "Brand", "name": "Unaided Awareness Brand 12", "size": 1, "key": 56},
 				{"category": "Brand", "name": "Unaided Awareness Brand 13", "size": 1, "key": 57},
 				{"category": "Brand", "name": "Unaided Awareness Brand 14", "size": 1, "key": 58},
 				{"category": "Brand", "name": "Unaided Awareness Brand 15", "size": 1, "key": 59},
 				{"category": "Brand", "name": "Unaided Awareness Brand 16", "size": 1, "key": 60},
 				{"category": "Brand", "name": "Unaided Awareness Brand 17", "size": 1, "key": 61},
 				{"category": "Brand", "name": "Unaided Awareness Brand 18", "size": 1, "key": 62},
 				{"category": "Brand", "name": "Unaided Awareness Brand 19", "size": 1, "key": 63},
 				{"category": "Brand", "name": "Unaided Awareness Brand 20", "size": 1, "key": 64},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 1", "size": 1, "key": 65},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 2", "size": 1, "key": 66},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 3", "size": 1, "key": 67},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 4", "size": 1, "key": 68},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 5", "size": 1, "key": 69},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 6", "size": 1, "key": 70},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 7", "size": 1, "key": 71},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 8", "size": 1, "key": 72},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 9", "size": 1, "key": 73},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 10", "size": 1, "key": 74},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 11", "size": 1, "key": 75},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 12", "size": 1, "key": 76},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 13", "size": 1, "key": 77},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 14", "size": 1, "key": 78},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 15", "size": 1, "key": 79},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 16", "size": 1, "key": 80},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 17", "size": 1, "key": 81},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 18", "size": 1, "key": 82},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 19", "size": 1, "key": 83},
 				{"category": "Brand", "name": "Unaided Ad Awareness Brand 20", "size": 1, "key": 84},
 				{"category": "Brand", "name": "Aided Awareness Brand 1", "size": 1, "key": 85},
 				{"category": "Brand", "name": "Aided Awareness Brand 2", "size": 1, "key": 86},
 				{"category": "Brand", "name": "Aided Awareness Brand 3", "size": 1, "key": 87},
 				{"category": "Brand", "name": "Aided Awareness Brand 4", "size": 1, "key": 88},
 				{"category": "Brand", "name": "Aided Awareness Brand 5", "size": 1, "key": 89},
 				{"category": "Brand", "name": "Aided Awareness Brand 6", "size": 1, "key": 90},
 				{"category": "Brand", "name": "Aided Awareness Brand 7", "size": 1, "key": 91},
 				{"category": "Brand", "name": "Aided Awareness Brand 8", "size": 1, "key": 92},
 				{"category": "Brand", "name": "Aided Awareness Brand 9", "size": 1, "key": 93},
 				{"category": "Brand", "name": "Aided Awareness Brand 10", "size": 1, "key": 94},
 				{"category": "Brand", "name": "Aided Awareness Brand 11", "size": 1, "key": 95},
 				{"category": "Brand", "name": "Aided Awareness Brand 12", "size": 1, "key": 96},
 				{"category": "Brand", "name": "Aided Awareness Brand 13", "size": 1, "key": 97},
 				{"category": "Brand", "name": "Aided Awareness Brand 14", "size": 1, "key": 98},
 				{"category": "Brand", "name": "Aided Awareness Brand 15", "size": 1, "key": 99},
 				{"category": "Brand", "name": "Aided Awareness Brand 16", "size": 1, "key": 100},
 				{"category": "Brand", "name": "Aided Awareness Brand 17", "size": 1, "key": 101},
 				{"category": "Brand", "name": "Aided Awareness Brand 18", "size": 1, "key": 102},
 				{"category": "Brand", "name": "Aided Awareness Brand 19", "size": 1, "key": 103},
 				{"category": "Brand", "name": "Aided Awareness Brand 20", "size": 1, "key": 104},
 				{"category": "Brand", "name": "Consideration to buy Brand 1", "size": 1, "key": 105},
 				{"category": "Brand", "name": "Consideration to buy Brand 2", "size": 1, "key": 106},
 				{"category": "Brand", "name": "Consideration to buy Brand 3", "size": 1, "key": 107},
 				{"category": "Brand", "name": "Consideration to buy Brand 4", "size": 1, "key": 108},
 				{"category": "Brand", "name": "Consideration to buy Brand 5", "size": 1, "key": 109},
 				{"category": "Brand", "name": "Consideration to buy Brand 6", "size": 1, "key": 110},
 				{"category": "Brand", "name": "Consideration to buy Brand 7", "size": 1, "key": 111},
 				{"category": "Brand", "name": "Consideration to buy Brand 8", "size": 1, "key": 112},
 				{"category": "Brand", "name": "Consideration to buy Brand 9", "size": 1, "key": 113},
 				{"category": "Brand", "name": "Consideration to buy Brand 10", "size": 1, "key": 114},
 				{"category": "Brand", "name": "Consideration to buy Brand 11", "size": 1, "key": 115},
 				{"category": "Brand", "name": "Consideration to buy Brand 12", "size": 1, "key": 116},
 				{"category": "Brand", "name": "Consideration to buy Brand 13", "size": 1, "key": 117},
 				{"category": "Brand", "name": "Consideration to buy Brand 14", "size": 1, "key": 118},
 				{"category": "Brand", "name": "Consideration to buy Brand 15", "size": 1, "key": 119},
 				{"category": "Brand", "name": "Consideration to buy Brand 16", "size": 1, "key": 120},
 				{"category": "Brand", "name": "Consideration to buy Brand 17", "size": 1, "key": 121},
 				{"category": "Brand", "name": "Consideration to buy Brand 18", "size": 1, "key": 122},
 				{"category": "Brand", "name": "Consideration to buy Brand 19", "size": 1, "key": 123},
 				{"category": "Brand", "name": "Consideration to buy Brand 20", "size": 1, "key": 124},
 				{"category": "Brand", "name": "Preference Brand 1", "size": 1, "key": 125},
 				{"category": "Brand", "name": "Preference Brand 2", "size": 1, "key": 126},
 				{"category": "Brand", "name": "Preference Brand 3", "size": 1, "key": 127},
 				{"category": "Brand", "name": "Preference Brand 4", "size": 1, "key": 128},
 				{"category": "Brand", "name": "Preference Brand 5", "size": 1, "key": 129},
 				{"category": "Brand", "name": "Preference Brand 6", "size": 1, "key": 130},
 				{"category": "Brand", "name": "Preference Brand 7", "size": 1, "key": 131},
 				{"category": "Brand", "name": "Preference Brand 8", "size": 1, "key": 132},
 				{"category": "Brand", "name": "Preference Brand 9", "size": 1, "key": 133},
 				{"category": "Brand", "name": "Preference Brand 10", "size": 1, "key": 134},
 				{"category": "Brand", "name": "Preference Brand 11", "size": 1, "key": 135},
 				{"category": "Brand", "name": "Preference Brand 12", "size": 1, "key": 136},
 				{"category": "Brand", "name": "Preference Brand 13", "size": 1, "key": 137},
 				{"category": "Brand", "name": "Preference Brand 14", "size": 1, "key": 138},
 				{"category": "Brand", "name": "Preference Brand 15", "size": 1, "key": 139},
 				{"category": "Brand", "name": "Preference Brand 16", "size": 1, "key": 140},
 				{"category": "Brand", "name": "Preference Brand 17", "size": 1, "key": 141},
 				{"category": "Brand", "name": "Preference Brand 18", "size": 1, "key": 142},
 				{"category": "Brand", "name": "Preference Brand 19", "size": 1, "key": 143},
 				{"category": "Brand", "name": "Preference Brand 20", "size": 1, "key": 144},
 				{"category": "Brand", "name": "Equity Brand 1", "size": 1, "key": 145},
 				{"category": "Brand", "name": "Equity Brand 2", "size": 1, "key": 146},
 				{"category": "Brand", "name": "Equity Brand 3", "size": 1, "key": 147},
 				{"category": "Brand", "name": "Equity Brand 4", "size": 1, "key": 148},
 				{"category": "Brand", "name": "Equity Brand 5", "size": 1, "key": 149},
 				{"category": "Brand", "name": "Equity Brand 6", "size": 1, "key": 150},
 				{"category": "Brand", "name": "Equity Brand 7", "size": 1, "key": 151},
 				{"category": "Brand", "name": "Equity Brand 8", "size": 1, "key": 152},
 				{"category": "Brand", "name": "Equity Brand 9", "size": 1, "key": 153},
 				{"category": "Brand", "name": "Equity Brand 10", "size": 1, "key": 154},
 				{"category": "Brand", "name": "Equity Brand 11", "size": 1, "key": 155},
 				{"category": "Brand", "name": "Equity Brand 12", "size": 1, "key": 156},
 				{"category": "Brand", "name": "Equity Brand 13", "size": 1, "key": 157},
 				{"category": "Brand", "name": "Equity Brand 14", "size": 1, "key": 158},
 				{"category": "Brand", "name": "Equity Brand 15", "size": 1, "key": 159},
 				{"category": "Brand", "name": "Equity Brand 16", "size": 1, "key": 160},
 				{"category": "Brand", "name": "Equity Brand 17", "size": 1, "key": 161},
 				{"category": "Brand", "name": "Equity Brand 18", "size": 1, "key": 162},
 				{"category": "Brand", "name": "Equity Brand 19", "size": 1, "key": 163},
 				{"category": "Brand", "name": "Equity Brand 20", "size": 1, "key": 164},
 				{"category": "Brand", "name": "Rejection Brand 1", "size": 1, "key": 165},
 				{"category": "Brand", "name": "Rejection Brand 2", "size": 1, "key": 166},
 				{"category": "Brand", "name": "Rejection Brand 3", "size": 1, "key": 167},
 				{"category": "Brand", "name": "Rejection Brand 4", "size": 1, "key": 168},
 				{"category": "Brand", "name": "Rejection Brand 5", "size": 1, "key": 169},
 				{"category": "Brand", "name": "Rejection Brand 6", "size": 1, "key": 170},
 				{"category": "Brand", "name": "Rejection Brand 7", "size": 1, "key": 171},
 				{"category": "Brand", "name": "Rejection Brand 8", "size": 1, "key": 172},
 				{"category": "Brand", "name": "Rejection Brand 9", "size": 1, "key": 173},
 				{"category": "Brand", "name": "Rejection Brand 10", "size": 1, "key": 174},
 				{"category": "Brand", "name": "Rejection Brand 11", "size": 1, "key": 175},
 				{"category": "Brand", "name": "Rejection Brand 12", "size": 1, "key": 176},
 				{"category": "Brand", "name": "Rejection Brand 13", "size": 1, "key": 177},
 				{"category": "Brand", "name": "Rejection Brand 14", "size": 1, "key": 178},
 				{"category": "Brand", "name": "Rejection Brand 15", "size": 1, "key": 179},
 				{"category": "Brand", "name": "Rejection Brand 16", "size": 1, "key": 180},
 				{"category": "Brand", "name": "Rejection Brand 17", "size": 1, "key": 181},
 				{"category": "Brand", "name": "Rejection Brand 18", "size": 1, "key": 182},
 				{"category": "Brand", "name": "Rejection Brand 19", "size": 1, "key": 183},
 				{"category": "Brand", "name": "Rejection Brand 20", "size": 1, "key": 184},
 				{"category": "Brand", "name": "Recommendation Brand 1", "size": 1, "key": 185},
 				{"category": "Brand", "name": "Recommendation Brand 2", "size": 1, "key": 186},
 				{"category": "Brand", "name": "Recommendation Brand 3", "size": 1, "key": 187},
 				{"category": "Brand", "name": "Recommendation Brand 4", "size": 1, "key": 188},
 				{"category": "Brand", "name": "Recommendation Brand 5", "size": 1, "key": 189},
 				{"category": "Brand", "name": "Recommendation Brand 6", "size": 1, "key": 190},
 				{"category": "Brand", "name": "Recommendation Brand 7", "size": 1, "key": 191},
 				{"category": "Brand", "name": "Recommendation Brand 8", "size": 1, "key": 192},
 				{"category": "Brand", "name": "Recommendation Brand 9", "size": 1, "key": 193},
 				{"category": "Brand", "name": "Recommendation Brand 10", "size": 1, "key": 194},
 				{"category": "Brand", "name": "Recommendation Brand 11", "size": 1, "key": 195},
 				{"category": "Brand", "name": "Recommendation Brand 12", "size": 1, "key": 196},
 				{"category": "Brand", "name": "Recommendation Brand 13", "size": 1, "key": 197},
 				{"category": "Brand", "name": "Recommendation Brand 14", "size": 1, "key": 198},
 				{"category": "Brand", "name": "Recommendation Brand 15", "size": 1, "key": 199},
 				{"category": "Brand", "name": "Recommendation Brand 16", "size": 1, "key": 200},
 				{"category": "Brand", "name": "Recommendation Brand 17", "size": 1, "key": 201},
 				{"category": "Brand", "name": "Recommendation Brand 18", "size": 1, "key": 202},
 				{"category": "Brand", "name": "Recommendation Brand 19", "size": 1, "key": 203},
 				{"category": "Brand", "name": "Recommendation Brand 20", "size": 1, "key": 204},
 				{"category": "Brand", "name": "Satisfaction Brand 1", "size": 1, "key": 205},
 				{"category": "Brand", "name": "Satisfaction Brand 2", "size": 1, "key": 206},
 				{"category": "Brand", "name": "Satisfaction Brand 3", "size": 1, "key": 207},
 				{"category": "Brand", "name": "Satisfaction Brand 4", "size": 1, "key": 208},
 				{"category": "Brand", "name": "Satisfaction Brand 5", "size": 1, "key": 209},
 				{"category": "Brand", "name": "Satisfaction Brand 6", "size": 1, "key": 210},
 				{"category": "Brand", "name": "Satisfaction Brand 7", "size": 1, "key": 211},
 				{"category": "Brand", "name": "Satisfaction Brand 8", "size": 1, "key": 212},
 				{"category": "Brand", "name": "Satisfaction Brand 9", "size": 1, "key": 213},
 				{"category": "Brand", "name": "Satisfaction Brand 10", "size": 1, "key": 214},
 				{"category": "Brand", "name": "Satisfaction Brand 11", "size": 1, "key": 215},
 				{"category": "Brand", "name": "Satisfaction Brand 12", "size": 1, "key": 216},
 				{"category": "Brand", "name": "Satisfaction Brand 13", "size": 1, "key": 217},
 				{"category": "Brand", "name": "Satisfaction Brand 14", "size": 1, "key": 218},
 				{"category": "Brand", "name": "Satisfaction Brand 15", "size": 1, "key": 219},
 				{"category": "Brand", "name": "Satisfaction Brand 16", "size": 1, "key": 220},
 				{"category": "Brand", "name": "Satisfaction Brand 17", "size": 1, "key": 221},
 				{"category": "Brand", "name": "Satisfaction Brand 18", "size": 1, "key": 222},
 				{"category": "Brand", "name": "Satisfaction Brand 19", "size": 1, "key": 223},
 				{"category": "Brand", "name": "Satisfaction Brand 20", "size": 1, "key": 224},
 				{"category": "Brand", "name": "Value for Money Brand 1", "size": 1, "key": 225},
 				{"category": "Brand", "name": "Value for Money Brand 2", "size": 1, "key": 226},
 				{"category": "Brand", "name": "Value for Money Brand 3", "size": 1, "key": 227},
 				{"category": "Brand", "name": "Value for Money Brand 4", "size": 1, "key": 228},
 				{"category": "Brand", "name": "Value for Money Brand 5", "size": 1, "key": 229},
 				{"category": "Brand", "name": "Value for Money Brand 6", "size": 1, "key": 230},
 				{"category": "Brand", "name": "Value for Money Brand 7", "size": 1, "key": 231},
 				{"category": "Brand", "name": "Value for Money Brand 8", "size": 1, "key": 232},
 				{"category": "Brand", "name": "Value for Money Brand 9", "size": 1, "key": 233},
 				{"category": "Brand", "name": "Value for Money Brand 10", "size": 1, "key": 234},
 				{"category": "Brand", "name": "Value for Money Brand 11", "size": 1, "key": 235},
 				{"category": "Brand", "name": "Value for Money Brand 12", "size": 1, "key": 236},
 				{"category": "Brand", "name": "Value for Money Brand 13", "size": 1, "key": 237},
 				{"category": "Brand", "name": "Value for Money Brand 14", "size": 1, "key": 238},
 				{"category": "Brand", "name": "Value for Money Brand 15", "size": 1, "key": 239},
 				{"category": "Brand", "name": "Value for Money Brand 16", "size": 1, "key": 240},
 				{"category": "Brand", "name": "Value for Money Brand 17", "size": 1, "key": 241},
 				{"category": "Brand", "name": "Value for Money Brand 18", "size": 1, "key": 242},
 				{"category": "Brand", "name": "Value for Money Brand 19", "size": 1, "key": 243},
 				{"category": "Brand", "name": "Value for Money Brand 20", "size": 1, "key": 244},
 				{"category": "Brand", "name": "Trustorthiness Brand 1", "size": 1, "key": 245},
 				{"category": "Brand", "name": "Trustorthiness Brand 2", "size": 1, "key": 246},
 				{"category": "Brand", "name": "Trustorthiness Brand 3", "size": 1, "key": 247},
 				{"category": "Brand", "name": "Trustorthiness Brand 4", "size": 1, "key": 248},
 				{"category": "Brand", "name": "Trustorthiness Brand 5", "size": 1, "key": 249},
 				{"category": "Brand", "name": "Trustorthiness Brand 6", "size": 1, "key": 250},
 				{"category": "Brand", "name": "Trustorthiness Brand 7", "size": 1, "key": 251},
 				{"category": "Brand", "name": "Trustorthiness Brand 8", "size": 1, "key": 252},
 				{"category": "Brand", "name": "Trustorthiness Brand 9", "size": 1, "key": 253},
 				{"category": "Brand", "name": "Trustorthiness Brand 10", "size": 1, "key": 254},
 				{"category": "Brand", "name": "Trustorthiness Brand 11", "size": 1, "key": 255},
 				{"category": "Brand", "name": "Trustorthiness Brand 12", "size": 1, "key": 256},
 				{"category": "Brand", "name": "Trustorthiness Brand 13", "size": 1, "key": 257},
 				{"category": "Brand", "name": "Trustorthiness Brand 14", "size": 1, "key": 258},
 				{"category": "Brand", "name": "Trustorthiness Brand 15", "size": 1, "key": 259},
 				{"category": "Brand", "name": "Trustorthiness Brand 16", "size": 1, "key": 260},
 				{"category": "Brand", "name": "Trustorthiness Brand 17", "size": 1, "key": 261},
 				{"category": "Brand", "name": "Trustorthiness Brand 18", "size": 1, "key": 262},
 				{"category": "Brand", "name": "Trustorthiness Brand 19", "size": 1, "key": 263},
 				{"category": "Brand", "name": "Trustorthiness Brand 20", "size": 1, "key": 264},
 				{"category": "Brand", "name": "Innovativeness Brand 1", "size": 1, "key": 265},
 				{"category": "Brand", "name": "Innovativeness Brand 2", "size": 1, "key": 266},
 				{"category": "Brand", "name": "Innovativeness Brand 3", "size": 1, "key": 267},
 				{"category": "Brand", "name": "Innovativeness Brand 4", "size": 1, "key": 268},
 				{"category": "Brand", "name": "Innovativeness Brand 5", "size": 1, "key": 269},
 				{"category": "Brand", "name": "Innovativeness Brand 6", "size": 1, "key": 270},
 				{"category": "Brand", "name": "Innovativeness Brand 7", "size": 1, "key": 271},
 				{"category": "Brand", "name": "Innovativeness Brand 8", "size": 1, "key": 272},
 				{"category": "Brand", "name": "Innovativeness Brand 9", "size": 1, "key": 273},
 				{"category": "Brand", "name": "Innovativeness Brand 10", "size": 1, "key": 274},
 				{"category": "Brand", "name": "Innovativeness Brand 11", "size": 1, "key": 275},
 				{"category": "Brand", "name": "Innovativeness Brand 12", "size": 1, "key": 276},
 				{"category": "Brand", "name": "Innovativeness Brand 13", "size": 1, "key": 277},
 				{"category": "Brand", "name": "Innovativeness Brand 14", "size": 1, "key": 278},
 				{"category": "Brand", "name": "Innovativeness Brand 15", "size": 1, "key": 279},
 				{"category": "Brand", "name": "Innovativeness Brand 16", "size": 1, "key": 280},
 				{"category": "Brand", "name": "Innovativeness Brand 17", "size": 1, "key": 281},
 				{"category": "Brand", "name": "Innovativeness Brand 18", "size": 1, "key": 282},
 				{"category": "Brand", "name": "Innovativeness Brand 19", "size": 1, "key": 283},
 				{"category": "Brand", "name": "Innovativeness Brand 20", "size": 1, "key": 284},
 				{"category": "Brand", "name": "Premium Brand 1", "size": 1, "key": 285},
 				{"category": "Brand", "name": "Premium Brand 2", "size": 1, "key": 286},
 				{"category": "Brand", "name": "Premium Brand 3", "size": 1, "key": 287},
 				{"category": "Brand", "name": "Premium Brand 4", "size": 1, "key": 288},
 				{"category": "Brand", "name": "Premium Brand 5", "size": 1, "key": 289},
 				{"category": "Brand", "name": "Premium Brand 6", "size": 1, "key": 290},
 				{"category": "Brand", "name": "Premium Brand 7", "size": 1, "key": 291},
 				{"category": "Brand", "name": "Premium Brand 8", "size": 1, "key": 292},
 				{"category": "Brand", "name": "Premium Brand 9", "size": 1, "key": 293},
 				{"category": "Brand", "name": "Premium Brand 10", "size": 1, "key": 294},
 				{"category": "Brand", "name": "Premium Brand 11", "size": 1, "key": 295},
 				{"category": "Brand", "name": "Premium Brand 12", "size": 1, "key": 296},
 				{"category": "Brand", "name": "Premium Brand 13", "size": 1, "key": 297},
 				{"category": "Brand", "name": "Premium Brand 14", "size": 1, "key": 298},
 				{"category": "Brand", "name": "Premium Brand 15", "size": 1, "key": 299},
 				{"category": "Brand", "name": "Premium Brand 16", "size": 1, "key": 300},
 				{"category": "Brand", "name": "Premium Brand 17", "size": 1, "key": 301},
 				{"category": "Brand", "name": "Premium Brand 18", "size": 1, "key": 302},
 				{"category": "Brand", "name": "Premium Brand 19", "size": 1, "key": 303},
 				{"category": "Brand", "name": "Premium Brand 20", "size": 1, "key": 304}
 			]
 		},
 		{"name": "Content information", "key": 2,
 			"children": [
 				{"category": "Behaviourial", "name": "Vote for Party 1", "size": 1, "key": 305},
 				{"category": "Behaviourial", "name": "Vote for Party 2", "size": 1, "key": 306},
 				{"category": "Behaviourial", "name": "Vote for Party 3", "size": 1, "key": 307},
 				{"category": "Behaviourial", "name": "Vote for Party 4", "size": 1, "key": 308},
 				{"category": "Behaviourial", "name": "Vote for Party 5", "size": 1, "key": 309},
 				{"category": "Behaviourial", "name": "Favourite Daytime Activity 1", "size": 1, "key": 310},
 				{"category": "Behaviourial", "name": "Favourite Daytime Activity 2", "size": 1, "key": 311},
 				{"category": "Behaviourial", "name": "Favourite Daytime Activity 3", "size": 1, "key": 312},
 				{"category": "Behaviourial", "name": "Favourite Daytime Activity 4", "size": 1, "key": 313},
 				{"category": "Behaviourial", "name": "Favourite Daytime Activity 5", "size": 1, "key": 314},
 				{"category": "Behaviourial", "name": "Favourite Evening Activity 1", "size": 1, "key": 315},
 				{"category": "Behaviourial", "name": "Favourite Evening Activity 2", "size": 1, "key": 316},
 				{"category": "Behaviourial", "name": "Favourite Evening Activity 3", "size": 1, "key": 317},
 				{"category": "Behaviourial", "name": "Favourite Evening Activity 4", "size": 1, "key": 318},
 				{"category": "Behaviourial", "name": "Favourite Evening Activity 5", "size": 1, "key": 319},
 				{"category": "Behaviourial", "name": "Shopping Behaviour  1", "size": 1, "key": 320},
 				{"category": "Behaviourial", "name": "Shopping Behaviour  2", "size": 1, "key": 321},
 				{"category": "Behaviourial", "name": "Shopping Behaviour  3", "size": 1, "key": 322},
 				{"category": "Behaviourial", "name": "Shopping Behaviour  4", "size": 1, "key": 323},
 				{"category": "Behaviourial", "name": "Shopping Behaviour  5", "size": 1, "key": 324},
 				{"category": "Behaviourial", "name": "Media Usage 1", "size": 1, "key": 325},
 				{"category": "Behaviourial", "name": "Media Usage 2", "size": 1, "key": 326},
 				{"category": "Behaviourial", "name": "Media Usage 3", "size": 1, "key": 327},
 				{"category": "Behaviourial", "name": "Media Usage 4", "size": 1, "key": 328},
 				{"category": "Behaviourial", "name": "Media Usage 5", "size": 1, "key": 329},
 				{"category": "Behaviourial", "name": "Goals in Life 1", "size": 1, "key": 330},
 				{"category": "Behaviourial", "name": "Goals in Life 2", "size": 1, "key": 331},
 				{"category": "Behaviourial", "name": "Goals in Life 3", "size": 1, "key": 332},
 				{"category": "Behaviourial", "name": "Goals in Life 4", "size": 1, "key": 333},
 				{"category": "Behaviourial", "name": "Goals in Life 5", "size": 1, "key": 334}
 			]
 		},
 		{"name": "Demographic information", "key": 3,
 			"children": [
 				{"category": "Demo", "name": "Gender", "size": 1, "key": 335},
 				{"category": "Demo", "name": "Age", "size": 1, "key": 336},
 				{"category": "Demo", "name": "Residence", "size": 1, "key": 337},
 				{"category": "Demo", "name": "Children", "size": 1, "key": 338},
 				{"category": "Demo", "name": "Income", "size": 1, "key": 339},
 				{"category": "Demo", "name": "HH Size > 3", "size": 1, "key": 340},
 				{"category": "Demo", "name": "Education 1", "size": 1, "key": 341},
 				{"category": "Demo", "name": "Education 2", "size": 1, "key": 342},
 				{"category": "Demo", "name": "Education 3", "size": 1, "key": 343},
 				{"category": "Demo", "name": "Education 4", "size": 1, "key": 344},
 				{"category": "Demo", "name": "Education 5", "size": 1, "key": 345},
 				{"category": "Demo", "name": "Education 6", "size": 1, "key": 346},
 				{"category": "Demo", "name": "Education 7", "size": 1, "key": 347},
 				{"category": "Demo", "name": "Religion 1", "size": 1, "key": 348},
 				{"category": "Demo", "name": "Religion 2", "size": 1, "key": 349},
 				{"category": "Demo", "name": "Religion 3", "size": 1, "key": 350},
 				{"category": "Demo", "name": "Religion 4", "size": 1, "key": 351},
 				{"category": "Demo", "name": "Religion 5", "size": 1, "key": 352},
 				{"category": "Demo", "name": "Area 1", "size": 1, "key": 353},
 				{"category": "Demo", "name": "Area 2", "size": 1, "key": 354},
 				{"category": "Demo", "name": "Area 3", "size": 1, "key": 355},
 				{"category": "Demo", "name": "Area 4", "size": 1, "key": 356},
 				{"category": "Demo", "name": "Area 5", "size": 1, "key": 357},
 				{"category": "Demo", "name": "Area 6", "size": 1, "key": 358},
 				{"category": "Demo", "name": "Area 7", "size": 1, "key": 359},
 				{"category": "Demo", "name": "Area 8", "size": 1, "key": 360},
 				{"category": "Demo", "name": "Area 9", "size": 1, "key": 361},
 				{"category": "Demo", "name": "Area 10", "size": 1, "key": 362},
 				{"category": "Demo", "name": "Area 11", "size": 1, "key": 363},
 				{"category": "Demo", "name": "Ethnicity 1", "size": 1, "key": 364},
 				{"category": "Demo", "name": "Ethnicity 2", "size": 1, "key": 365},
 				{"category": "Demo", "name": "Ethnicity 3", "size": 1, "key": 366},
 				{"category": "Demo", "name": "Ethnicity 4", "size": 1, "key": 367},
 				{"category": "Demo", "name": "Ethnicity 5", "size": 1, "key": 368},
 				{"category": "Demo", "name": "Ethnicity 6", "size": 1, "key": 369},
 				{"category": "Demo", "name": "Married: yes", "size": 1, "key": 370},
 				{"category": "Demo", "name": "Employed: yes", "size": 1, "key": 371}
 			]
 		},
 		{"name": "Market information", "key": 4,
 			"children": [
 				{"category": "Market", "name": "Buys Brand 1", "size": 1, "key": 372},
 				{"category": "Market", "name": "Buys Brand 2", "size": 1, "key": 373},
 				{"category": "Market", "name": "Buys Brand 3", "size": 1, "key": 374},
 				{"category": "Market", "name": "Buys Brand 4", "size": 1, "key": 375},
 				{"category": "Market", "name": "Buys Brand 5", "size": 1, "key": 376},
 				{"category": "Market", "name": "Buys Brand 6", "size": 1, "key": 377},
 				{"category": "Market", "name": "Buys Brand 7", "size": 1, "key": 378},
 				{"category": "Market", "name": "Buys Brand 8", "size": 1, "key": 379},
 				{"category": "Market", "name": "Buys Brand 9", "size": 1, "key": 380},
 				{"category": "Market", "name": "Buys Brand 10", "size": 1, "key": 381},
 				{"category": "Market", "name": "Buys Brand 11", "size": 1, "key": 382},
 				{"category": "Market", "name": "Buys Brand 12", "size": 1, "key": 383},
 				{"category": "Market", "name": "Buys Brand 13", "size": 1, "key": 384},
 				{"category": "Market", "name": "Buys Brand 14", "size": 1, "key": 385},
 				{"category": "Market", "name": "Buys Brand 15", "size": 1, "key": 386},
 				{"category": "Market", "name": "Buys Brand 16", "size": 1, "key": 387},
 				{"category": "Market", "name": "Buys Brand 17", "size": 1, "key": 388},
 				{"category": "Market", "name": "Buys Brand 18", "size": 1, "key": 389},
 				{"category": "Market", "name": "Buys Brand 19", "size": 1, "key": 390},
 				{"category": "Market", "name": "Buys Brand 20", "size": 1, "key": 391},
 				{"category": "Market", "name": "Has previously bought Brand 1", "size": 1, "key": 392},
 				{"category": "Market", "name": "Has previously bought Brand 2", "size": 1, "key": 393},
 				{"category": "Market", "name": "Has previously bought Brand 3", "size": 1, "key": 394},
 				{"category": "Market", "name": "Has previously bought Brand 4", "size": 1, "key": 395},
 				{"category": "Market", "name": "Has previously bought Brand 5", "size": 1, "key": 396},
 				{"category": "Market", "name": "Has previously bought Brand 6", "size": 1, "key": 397},
 				{"category": "Market", "name": "Has previously bought Brand 7", "size": 1, "key": 398},
 				{"category": "Market", "name": "Has previously bought Brand 8", "size": 1, "key": 399},
 				{"category": "Market", "name": "Has previously bought Brand 9", "size": 1, "key": 400},
 				{"category": "Market", "name": "Has previously bought Brand 10", "size": 1, "key": 401},
 				{"category": "Market", "name": "Has previously bought Brand 11", "size": 1, "key": 402},
 				{"category": "Market", "name": "Has previously bought Brand 12", "size": 1, "key": 403},
 				{"category": "Market", "name": "Has previously bought Brand 13", "size": 1, "key": 404},
 				{"category": "Market", "name": "Has previously bought Brand 14", "size": 1, "key": 405},
 				{"category": "Market", "name": "Has previously bought Brand 15", "size": 1, "key": 406},
 				{"category": "Market", "name": "Has previously bought Brand 16", "size": 1, "key": 407},
 				{"category": "Market", "name": "Has previously bought Brand 17", "size": 1, "key": 408},
 				{"category": "Market", "name": "Has previously bought Brand 18", "size": 1, "key": 409},
 				{"category": "Market", "name": "Has previously bought Brand 19", "size": 1, "key": 410},
 				{"category": "Market", "name": "Has previously bought Brand 20", "size": 1, "key": 411},
 				{"category": "Market", "name": "Will buy  Brand 1", "size": 1, "key": 412},
 				{"category": "Market", "name": "Will buy  Brand 2", "size": 1, "key": 413},
 				{"category": "Market", "name": "Will buy  Brand 3", "size": 1, "key": 414},
 				{"category": "Market", "name": "Will buy  Brand 4", "size": 1, "key": 415},
 				{"category": "Market", "name": "Will buy  Brand 5", "size": 1, "key": 416},
 				{"category": "Market", "name": "Will buy  Brand 6", "size": 1, "key": 417},
 				{"category": "Market", "name": "Will buy  Brand 7", "size": 1, "key": 418},
 				{"category": "Market", "name": "Will buy  Brand 8", "size": 1, "key": 419},
 				{"category": "Market", "name": "Will buy  Brand 9", "size": 1, "key": 420},
 				{"category": "Market", "name": "Will buy  Brand 10", "size": 1, "key": 421},
 				{"category": "Market", "name": "Will buy  Brand 11", "size": 1, "key": 422},
 				{"category": "Market", "name": "Will buy  Brand 12", "size": 1, "key": 423},
 				{"category": "Market", "name": "Will buy  Brand 13", "size": 1, "key": 424},
 				{"category": "Market", "name": "Will buy  Brand 14", "size": 1, "key": 425},
 				{"category": "Market", "name": "Will buy  Brand 15", "size": 1, "key": 426},
 				{"category": "Market", "name": "Will buy  Brand 16", "size": 1, "key": 427},
 				{"category": "Market", "name": "Will buy  Brand 17", "size": 1, "key": 428},
 				{"category": "Market", "name": "Will buy  Brand 18", "size": 1, "key": 429},
 				{"category": "Market", "name": "Will buy  Brand 19", "size": 1, "key": 430},
 				{"category": "Market", "name": "Will buy  Brand 20", "size": 1, "key": 431}
 			]
 		}
 	]
 }
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <head>
 <script src="http://d3js.org/d3.v3.min.js"></script>
 <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato">
 <link rel="stylesheet" type="text/css" href="style.css">

 <title>Circle Pack to show Model-Inference</title>

 </head>
 <body>

 <div id="header">
 	<h1>Transforming Information with a predictive model :<span style="color:#6C7A89">&nbsp;identifying key predictors</span></h1>
 	<p>See how a predictive model can "excavate" important characteristics about 
 		a (target)group of choice. 
 		Use the two buttons to the left to compare pre- and post-model predictor-importance.</p>
 	<p>Compare individual paramater distribution of the two response classes  
 		by slecting the predictors of interest. (pls open in new window for full view)</p>
 </div>

 <div class="container">

 	<div class="buttonWrapper">
 		<div class="buttonWrapper1">
 			<p class="button" id="button1">No model applied</br> <span style="font-size:10px;">All available neutral information</span></p>
 		</div>
 		<div class="buttonWrapper2">
 			<p class="button" id="button2">Apply model</br> <span style="font-size:10px;">Model-picked &amp; weighted associations</span></p>
 		</div>
 	</div>

 	<div class="svgRightWrapper"></div>

 	<div id="reloadPage" onClick="window.location.reload()">Start afresh</div>
 </div>

 <script src="script.js"></script>

 </body>
 </html>
diff --git a/script.js b/script.js
 // set up constants and containers
 var diameter = 850,
    format = d3.format(",d");

 var pack = d3.layout.pack()
    .size([diameter - 30, diameter - 30])
    .value(function(d) { return d.size; })
 		.padding(5);

 var svg = d3.select(".container").append("svg")
    .attr("width", diameter)
    .attr("height", diameter)
 		.append("g")
    .attr("transform", "translate(20,10)");

 var tip = d3.select("body").append("div")   
    .attr("class", "tooltip")               
    .style("opacity", 0);

 // get data
 var currentJson;
 var dataSet;

 var getNewData1 = function() {

    currentUrl = "dataPreModel.json";

    d3.json(currentUrl, function(error, data) {
        currentJson = data;
 				dataSet = 1;
        refresh();
    });
 }

 var getNewData2 = function() {

    currentUrl = "dataPostModel.json";

    d3.json(currentUrl, function(error, data) {
        currentJson = data;
 				dataSet = 2;
 				refresh();
    });
 }


 // draw function
 var refresh = function() {

 		var dur = 4000; 

 		var colorScaleTest = d3.scale.ordinal()
 				.domain([d3.map(currentJson.children)])
 				.range(["#fc8d62","#66c2a5","#8da0cb","#feb24c"]);
 				// 1 Market 2 Brand 3 Content 4 Demo

 		var node = svg.selectAll(".node")
        .data(pack.nodes(currentJson), function(d) { return d.key; });
 				// data_importance data joined with all g elements
 				// including a key function (using the identity function (d)) makes sure the same circles get transitioned 

 		var enter = node.enter().append("g")
 				.attr("class", function(d) { return d.children ? "node" : "leaf node"; })
        .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
 		
 		d3.select("#button1").on("click", getNewData1);
 		d3.select("#button2").on("click", getNewData2);

 		var circles = enter.append("circle")
 				.attr("r", 0)
 				.transition()																				// trans.-attributes set by below upd.-sel
 				.attr("r", function(d) { return d.r; });
 				// entered and transition circles r

 		// set delay for staggered object constancy only for transition from constant to importance dataset (too slow for the other direction)
 		if(dataSet == 2) { 
 			
 	    node.transition()
 					.delay( function(d,i) { return i * 20; })
 					.duration(dur / 3)
 					.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
 					// update circles x/y positions 
 		
 		} else {
 			
 	    node.transition()
 					.duration(dur / 3)
 					.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
 					// update circles x/y positions 
 		
 		}
 		
 		node.select("circle")
        .transition()
        .duration(dur)
 				.attr("fill", function(d) { return !d.children ? colorScaleTest(d.category) : "#BFBFBF"; })
 				.attr("stroke-width", function(d) { return !d.children ? 0 : 2; })
 				.attr("stroke", "#999")
 				.attr("opacity", function(d) { return !d.children ? 1 : 0.25; })
        .attr("r", function(d) { return d.r; });
 				// update circles radius 
 		
 		var labels = enter.filter(function(d) { return !d.children; }).append("text")
 	      .attr("dy", ".3em")
 	      .style("text-anchor", "middle")
 	      .text(function(d) { return d.name.substring(0, d.r / 3); });
 				// enter labels
 		
 		node.selectAll("text").style("font-size", 0);
 		
 		node.filter(function(d) { return !d.children; }).select("text")
 				.transition()
 				.delay(dur)
 	      .attr("dy", ".3em")
 	      .style("text-anchor", "middle")
 				.style("font-size", 10)															// required alongside the ugly hack above
 	      .text(function(d) { return d.name.substring(0, d.r / 3); });
 				// update labels
 		

 		// tooltip and circle size on hover
 		node.on("mouseover", function(d){
 			tip.style("opacity", .9);
 			tip.html(d.name)
 				.style("left", (d3.event.pageX) + "px")
 				.style("top", (d3.event.pageY - 28) + "px");
 			
 			if(!d.children){
 				d3.select(this.firstChild)
 					.transition()
 					.duration(dur/10)
 					.ease("cubic")
 					.attr("r", function(d) { return d.r * 1.2; })
 					.style("opacity", 0.9);
 			}
 		});

 		node.on("mouseout", function(d){
 			tip.style("opacity", 0);

 			if(!d.children){			
 				d3.select(this.firstChild)
 					.transition()
 					.duration(dur/10)
 					.attr("r", function(d) { return d.r; })
 					.style("opacity", 1);;
 			}
 		});

 		// bars
 		if(dataSet == 2){
 			
 			node.filter(function(d) { return !d.children; }).on("click", function(d){
 			
 				d3.select(".svgRightWrapper")
 					.style("border-left-color","#BFBFBF")
 					.style("border-left-width", "1px");
 			
 				var svgRight = d3.select(".svgRightWrapper").append("svg")
 					.classed("svgRight", true)
 					.attr("width", 230)
 					.attr("height", 100);
 				
 				var headline = svgRight.append("text")
 					.text(d.name)
 					.style("font-size", 10)
 					.style("fill","#6C7A89")
 					.style("font-weight", "bold")
 					.attr("x", 0 )
 					.attr("y", 10);

 				var barPotential = svgRight.append("rect")
 					.attr("width", d.potential)
 					.attr("height", 20)
 					.attr("x", 0)
 					.attr("y", 20)
 					.style("fill","#6C7A89");

 				var barNonPotential = svgRight.append("rect")
 					.attr("width", d.nonPotential)
 					.attr("height", 20)
 					.attr("x", 0)
 					.attr("y", 41)
 					.style("fill","#999");

 				var textPotential = svgRight.append("text")
 					.text(d.potential + "%  Potentials")
 					.style("font-size", 10)
 					.style("fill","#6C7A89")
 					.attr("x", d.potential + 4 )
 					.attr("y", 20 + 20 / 2 + 10 / 4); // convoluted hack but works w. width / 2 + font-size / 4

 				var textNonPotential = svgRight.append("text")
 					.text(d.nonPotential + "%  Non-Potentials")
 					.style("font-size", 10)
 					.style("fill","#999")
 					.attr("x", d.nonPotential + 4 )
 					.attr("y", 41 + 20 / 2 + 10 / 4); // convoluted hack but works w. width / 2 + font-size / 4

 				// exceptions
 				if (d.name == "Age"){

 					textPotential.text(d.potential + " years  Potentials");
 					textNonPotential.text(d.nonPotential + " years  Non-Potentials");
 								
 			 	} else if (d.name == "Children") {

 			 		headline.text("No. of children (" + d.category + ")");
 					textPotential.text(d.potential + "  Potentials")
 						.attr("x", (d.potential * 10) + 4 );
 					textNonPotential.text(d.nonPotential + "  Non-Potentials")
 						.attr("x", (d.nonPotential * 10) + 4 );
 					barPotential.attr("width", d.potential * 10);
 					barNonPotential.attr("width", d.nonPotential * 10);

 			 	} else if (d.name == "Residence") {
 			 		
 			 		headline.text("Live in a flat (" + d.category + ")");
 					
 			 	} else if (d.name == "Income") {
 			 		
 					textPotential.text("£" + d3.round((d.potential / 1000),0) + "k  Potentials")
 						.attr("x", (d.potential / 1000) + 4 );
 					textNonPotential.text("£" + d3.round((d.nonPotential / 1000),0) + "k  Non-Potentials")
 						.attr("x", (d.nonPotential / 1000) + 4 );
 					barPotential.attr("width", d.potential / 1000);
 					barNonPotential.attr("width", d.nonPotential / 1000);
 					
 			 	}
 	
 				d3.select(".svgRightWrapper").on("dblclick", function(){
 					d3.select(this).remove();
 				
 				});
 			});
 		}
 		
 		// exit		
 		node.exit()
 			.transition()
 			.duration(dur / 2)
 			.style("opacity", 0)
 			.remove();
 			// exit the node objects (= g elements incl. circle and text)


 }

 d3.select(self.frameElement).style("height", diameter + "px");

 getNewData1();
diff --git a/style.css b/style.css
 body{
 	font-family:"Lato" sans-serif;
 }

 div#header {
 	height:100px;
 	width:100%;
 	border-bottom-style:solid;
 	border-bottom-width:1px;
 	border-bottom-color:#BFBFBF;
 	margin: 20px 0 30px 0;
 }

 div#header h1 {
 	font-size: 18px;
 	margin-left: 5px;
 }

 div#header p {
 	margin:5px;
 	font-size:14px;
 	color: #6C7A89;
 }

 div.container {
 	position:relative;
 }

 div.buttonWrapper {
 	position: relative;
 }

 div.buttonWrapper1 {
 	position:absolute;
 	height:40px; 
 	width:180px;
 	top: -10px;
 	display: table;
 	border-style: solid; 
 	border-width: 1px; 
 	border-color: white; 
 	border-radius: 2px;
 	font-size: 12px;
 	color: #6C7A89;
 	background: #F2F1EF;
 	transition:background 0.5s ease;
 }

 div.buttonWrapper1:hover {
 	background: #DADFE1;
 }

 div.buttonWrapper2 {
 	position:absolute;
 	height: 40px; 
 	width: 180px;
 	top: 32px;
 	display: table;
 	border-style: solid; 
 	border-width: 1px; 
 	border-color: white; 
 	border-radius: 2px;
 	font-size: 12px;
 	color: #6C7A89;
 	background: #F2F1EF;
 	transition:background 0.5s ease;
 }

 div.buttonWrapper2:hover {
 	background: #DADFE1;
 }

 p#button1 {
 	display: table-cell;
 	vertical-align: middle;	
 	text-align: center;
 }

 p#button2 { 
 	display: table-cell;
 	vertical-align: middle;	
 	text-align: center;
 	top: 42px;
 }

 div.tooltip {   
  position: absolute;        
 	display: inline-block;
 	padding: 5px;             
  background: #F2F1EF;
  font-size: 12px;
 	color: #6C7A89;
 	border-radius: 2px;
 	transition: opacity 0.6s;
 	-webkit-transition: opacity 0.6s; /*for some Safari versions*/
  pointer-events: none;         
 }

 div.svgRightWrapper{
 	position:absolute;	
 	overflow-y: auto;
 	display: inline-block;
 	padding:20px;
 	top:40px;
 	left:880px;
 	width:460px;
 	height:700px;
 	border-style:solid;
 	border-color:white;
 }

 div#reloadPage{
 	position:absolute;
 	top:10px;
 	left:1240px;
 	width:70px;
 	height:20px;
 	line-height:20px;
 	font-size:10px;
 	color:#6C7A89;
 	text-align:center;
 	background: white;
 	transition:background 0.5s ease;
 }

 div#reloadPage:hover {
 	background: #DADFE1;
 }

 div#footer {
 	height:100px;
 	width:100%;
 	line-height:170px;
 	text-align:center;
 }
diff --git a/thumbnail.png b/thumbnail.png
	{
	"name": "All Data",
	"children": [
	{"name": "Brand associations", "key": 1,
	"children": [
	{"category": "Brand", "name": "Top of Mind Awareness Brand 11", "size": 46, "potential": 70, "nonPotential": 30, "key": 15},
	{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 5", "size": 9, "potential": 35, "nonPotential": 65, "key": 29},
	{"category": "Brand", "name": "Top of Mind Ad Awareness Brand 18", "size": 1, "potential": 53, "nonPotential": 47, "key": 42},
	{"category": "Brand", "name": "Unaided Awareness Brand 14", "size": 2, "potential": 57, "nonPotential": 43, "key": 58},
	{"category": "Brand", "name": "Consideration to buy Brand 6", "size": 73, "potential": 74, "nonPotential": 26, "key": 110},
	{"category": "Brand", "name": "Consideration to buy Brand 9", "size": 10, "potential": 43, "nonPotential": 57, "key": 113},
	{"category": "Brand", "name": "Equity Brand 9", "size": 7, "potential": 28, "nonPotential": 72, "key": 153},
	{"category": "Brand", "name": "Rejection Brand 13", "size": 4, "potential": 49, "nonPotential": 51, "key": 177},
	{"category": "Brand", "name": "Recommendation Brand 3", "size": 1, "potential": 50, "nonPotential": 50, "key": 187},
	{"category": "Brand", "name": "Recommendation Brand 8", "size": 63, "potential": 62, "nonPotential": 38, "key": 192},
	{"category": "Brand", "name": "Value for Money Brand 9", "size": 100, "potential": 87, "nonPotential": 13, "key": 233},
	{"category": "Brand", "name": "Innovativeness Brand 8", "size": 32, "potential": 66, "nonPotential": 34, "key": 272},
	{"category": "Brand", "name": "Innovativeness Brand 19", "size": 1, "potential": 48, "nonPotential": 52, "key": 283},
	{"category": "Brand", "name": "Premium Brand 7", "size": 3, "potential": 51, "nonPotential": 49, "key": 291},
	{"category": "Brand", "name": "Premium Brand 9", "size": 89, "potential": 91, "nonPotential": 9, "key": 293},
	{"category": "Brand", "name": "Premium Brand 14", "size": 24, "potential": 59, "nonPotential": 41, "key": 298}
	]
	},
	{"name": "Content associations", "key": 2,
	"children": [
	{"category": "Behaviourial", "name": "Vote for Party 2", "size": 10, "potential": 47, "nonPotential": 53, "key": 306},
	{"category": "Behaviourial", "name": "Vote for Party 3", "size": 78, "potential": 59, "nonPotential": 41, "key": 307},
	{"category": "Behaviourial", "name": "Favourite Daytime Activity 1", "size": 100, "potential": 93, "nonPotential": 7, "key": 310},
	{"category": "Behaviourial", "name": "Favourite Daytime Activity 5", "size": 27, "potential": 30, "nonPotential": 70, "key": 314},
	{"category": "Behaviourial", "name": "Favourite Evening Activity 2", "size": 8, "potential": 50, "nonPotential": 50, "key": 316},
	{"category": "Behaviourial", "name": "Favourite Evening Activity 3", "size": 39, "potential": 71, "nonPotential": 29, "key": 317},
	{"category": "Behaviourial", "name": "Shopping Behaviour 4", "size": 94, "potential": 87, "nonPotential": 13, "key": 323},
	{"category": "Behaviourial", "name": "Shopping Behaviour 5", "size": 61, "potential": 68, "nonPotential": 32, "key": 324},
	{"category": "Behaviourial", "name": "Media Usage 4", "size": 13, "potential": 29, "nonPotential": 71, "key": 328},
	{"category": "Behaviourial", "name": "Goals in Life 3", "size": 7, "potential": 51, "nonPotential": 49, "key": 332},
	{"category": "Behaviourial", "name": "Goals in Life 4", "size": 83, "potential": 64, "nonPotential": 36, "key": 333},
	{"category": "Behaviourial", "name": "Goals in Life 5", "size": 28, "potential": 78, "nonPotential": 22, "key": 334}
	]
	},
	{"name": "Demographic associations", "key": 3,
	"children": [
	{"category": "Demo", "name": "Age", "size": 100, "potential": 29, "nonPotential": 37, "key": 336},
	{"category": "Demo", "name": "Residence", "size": 89, "potential": 58, "nonPotential": 42, "key": 337},
	{"category": "Demo", "name": "Children", "size": 43, "potential": 0.4, "nonPotential": 1.2, "key": 338},
	{"category": "Demo", "name": "Income", "size": 77, "potential": 29000, "nonPotential": 36000, "key": 339},
	{"category": "Demo", "name": "Religion 3", "size": 30, "potential": 59, "nonPotential": 41, "key": 350},
	{"category": "Demo", "name": "Area 8", "size": 8, "potential": 51, "nonPotential": 49, "key": 360},
	{"category": "Demo", "name": "Ethnicity 5", "size": 49, "potential": 90, "nonPotential": 10, "key": 368},
	{"category": "Demo", "name": "Ethnicity 6", "size": 4, "potential": 47, "nonPotential": 53, "key": 369},
	{"category": "Demo", "name": "Married: yes", "size": 1, "potential": 38, "nonPotential": 62, "key": 370}
	]
	},
	{"name": "Market associations", "key": 4,
	"children": [
	{"category": "Market", "name": "Buys Brand 1", "size": 14, "potential": 43, "nonPotential": 57, "key": 372},
	{"category": "Market", "name": "Buys Brand 5", "size": 29, "potential": 44, "nonPotential": 56, "key": 376},
	{"category": "Market", "name": "Buys Brand 11", "size": 78, "potential": 39, "nonPotential": 61, "key": 382},
	{"category": "Market", "name": "Buys Brand 14", "size": 100, "potential": 79, "nonPotential": 21, "key": 385},
	{"category": "Market", "name": "Buys Brand 16", "size": 56, "potential": 60, "nonPotential": 40, "key": 387},
	{"category": "Market", "name": "Buys Brand 18", "size": 3, "potential": 51, "nonPotential": 49, "key": 389},
	{"category": "Market", "name": "Buys Brand 19", "size": 18, "potential": 32, "nonPotential": 68, "key": 390},
	{"category": "Market", "name": "Buys Brand 20", "size": 67, "potential": 64, "nonPotential": 36, "key": 391},
	{"category": "Market", "name": "Has previously bought Brand 10", "size": 76, "potential": 57, "nonPotential": 43, "key": 401},
	{"category": "Market", "name": "Has previously bought Brand 13", "size": 39, "potential": 82, "nonPotential": 18, "key": 404},
	{"category": "Market", "name": "Has previously bought Brand 19", "size": 21, "potential": 20, "nonPotential": 80, "key": 410},
	{"category": "Market", "name": "Will buy Brand 1", "size": 98, "potential": 53, "nonPotential": 47, "key": 412},
	{"category": "Market", "name": "Will buy Brand 2", "size": 3, "potential": 47, "nonPotential": 53, "key": 413},
	{"category": "Market", "name": "Will buy Brand 7", "size": 12, "potential": 51, "nonPotential": 49, "key": 418},
	{"category": "Market", "name": "Will buy Brand 8", "size": 7, "potential": 53, "nonPotential": 47, "key": 419},
	{"category": "Market", "name": "Will buy Brand 12", "size": 46, "potential": 59, "nonPotential": 41, "key": 423},
	{"category": "Market", "name": "Will buy Brand 18", "size": 98, "potential": 69, "nonPotential": 31, "key": 429}
	]
	}
	]
	}
	<!DOCTYPE html>
	<meta charset="utf-8">
	<head>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato">
	<link rel="stylesheet" type="text/css" href="style.css">

	<title>Circle Pack to show Model-Inference</title>

	</head>
	<body>

	<div id="header">
	<h1>Transforming Information with a predictive model :<span style="color:#6C7A89"> identifying key predictors</span></h1>
	<p>See how a predictive model can "excavate" important characteristics about
	a (target)group of choice.
	Use the two buttons to the left to compare pre- and post-model predictor-importance.</p>
	<p>Compare individual paramater distribution of the two response classes
	by slecting the predictors of interest. (pls open in new window for full view)</p>
	</div>

	<div class="container">

	<div class="buttonWrapper">
	<div class="buttonWrapper1">
	<p class="button" id="button1">No model applied</br> <span style="font-size:10px;">All available neutral information</span></p>
	</div>
	<div class="buttonWrapper2">
	<p class="button" id="button2">Apply model</br> <span style="font-size:10px;">Model-picked & weighted associations</span></p>
	</div>
	</div>

	<div class="svgRightWrapper"></div>

	<div id="reloadPage" onClick="window.location.reload()">Start afresh</div>
	</div>

	<script src="script.js"></script>

	</body>
	</html>
	// set up constants and containers
	var diameter = 850,
	format = d3.format(",d");

	var pack = d3.layout.pack()
	.size([diameter - 30, diameter - 30])
	.value(function(d) { return d.size; })
	.padding(5);

	var svg = d3.select(".container").append("svg")
	.attr("width", diameter)
	.attr("height", diameter)
	.append("g")
	.attr("transform", "translate(20,10)");

	var tip = d3.select("body").append("div")
	.attr("class", "tooltip")
	.style("opacity", 0);

	// get data
	var currentJson;
	var dataSet;

	var getNewData1 = function() {

	currentUrl = "dataPreModel.json";

	d3.json(currentUrl, function(error, data) {
	currentJson = data;
	dataSet = 1;
	refresh();
	});
	}

	var getNewData2 = function() {

	currentUrl = "dataPostModel.json";

	d3.json(currentUrl, function(error, data) {
	currentJson = data;
	dataSet = 2;
	refresh();
	});
	}


	// draw function
	var refresh = function() {

	var dur = 4000;

	var colorScaleTest = d3.scale.ordinal()
	.domain([d3.map(currentJson.children)])
	.range(["#fc8d62","#66c2a5","#8da0cb","#feb24c"]);
	// 1 Market 2 Brand 3 Content 4 Demo

	var node = svg.selectAll(".node")
	.data(pack.nodes(currentJson), function(d) { return d.key; });
	// data_importance data joined with all g elements
	// including a key function (using the identity function (d)) makes sure the same circles get transitioned

	var enter = node.enter().append("g")
	.attr("class", function(d) { return d.children ? "node" : "leaf node"; })
	.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })

	d3.select("#button1").on("click", getNewData1);
	d3.select("#button2").on("click", getNewData2);

	var circles = enter.append("circle")
	.attr("r", 0)
	.transition() // trans.-attributes set by below upd.-sel
	.attr("r", function(d) { return d.r; });
	// entered and transition circles r

	// set delay for staggered object constancy only for transition from constant to importance dataset (too slow for the other direction)
	if(dataSet == 2) {

	node.transition()
	.delay( function(d,i) { return i * 20; })
	.duration(dur / 3)
	.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
	// update circles x/y positions

	} else {

	node.transition()
	.duration(dur / 3)
	.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
	// update circles x/y positions

	}

	node.select("circle")
	.transition()
	.duration(dur)
	.attr("fill", function(d) { return !d.children ? colorScaleTest(d.category) : "#BFBFBF"; })
	.attr("stroke-width", function(d) { return !d.children ? 0 : 2; })
	.attr("stroke", "#999")
	.attr("opacity", function(d) { return !d.children ? 1 : 0.25; })
	.attr("r", function(d) { return d.r; });
	// update circles radius

	var labels = enter.filter(function(d) { return !d.children; }).append("text")
	.attr("dy", ".3em")
	.style("text-anchor", "middle")
	.text(function(d) { return d.name.substring(0, d.r / 3); });
	// enter labels

	node.selectAll("text").style("font-size", 0);

	node.filter(function(d) { return !d.children; }).select("text")
	.transition()
	.delay(dur)
	.attr("dy", ".3em")
	.style("text-anchor", "middle")
	.style("font-size", 10) // required alongside the ugly hack above
	.text(function(d) { return d.name.substring(0, d.r / 3); });
	// update labels


	// tooltip and circle size on hover
	node.on("mouseover", function(d){
	tip.style("opacity", .9);
	tip.html(d.name)
	.style("left", (d3.event.pageX) + "px")
	.style("top", (d3.event.pageY - 28) + "px");

	if(!d.children){
	d3.select(this.firstChild)
	.transition()
	.duration(dur/10)
	.ease("cubic")
	.attr("r", function(d) { return d.r * 1.2; })
	.style("opacity", 0.9);
	}
	});

	node.on("mouseout", function(d){
	tip.style("opacity", 0);

	if(!d.children){
	d3.select(this.firstChild)
	.transition()
	.duration(dur/10)
	.attr("r", function(d) { return d.r; })
	.style("opacity", 1);;
	}
	});

	// bars
	if(dataSet == 2){

	node.filter(function(d) { return !d.children; }).on("click", function(d){

	d3.select(".svgRightWrapper")
	.style("border-left-color","#BFBFBF")
	.style("border-left-width", "1px");

	var svgRight = d3.select(".svgRightWrapper").append("svg")
	.classed("svgRight", true)
	.attr("width", 230)
	.attr("height", 100);

	var headline = svgRight.append("text")
	.text(d.name)
	.style("font-size", 10)
	.style("fill","#6C7A89")
	.style("font-weight", "bold")
	.attr("x", 0 )
	.attr("y", 10);

	var barPotential = svgRight.append("rect")
	.attr("width", d.potential)
	.attr("height", 20)
	.attr("x", 0)
	.attr("y", 20)
	.style("fill","#6C7A89");

	var barNonPotential = svgRight.append("rect")
	.attr("width", d.nonPotential)
	.attr("height", 20)
	.attr("x", 0)
	.attr("y", 41)
	.style("fill","#999");

	var textPotential = svgRight.append("text")
	.text(d.potential + "% Potentials")
	.style("font-size", 10)
	.style("fill","#6C7A89")
	.attr("x", d.potential + 4 )
	.attr("y", 20 + 20 / 2 + 10 / 4); // convoluted hack but works w. width / 2 + font-size / 4

	var textNonPotential = svgRight.append("text")
	.text(d.nonPotential + "% Non-Potentials")
	.style("font-size", 10)
	.style("fill","#999")
	.attr("x", d.nonPotential + 4 )
	.attr("y", 41 + 20 / 2 + 10 / 4); // convoluted hack but works w. width / 2 + font-size / 4

	// exceptions
	if (d.name == "Age"){

	textPotential.text(d.potential + " years Potentials");
	textNonPotential.text(d.nonPotential + " years Non-Potentials");

	} else if (d.name == "Children") {

	headline.text("No. of children (" + d.category + ")");
	textPotential.text(d.potential + " Potentials")
	.attr("x", (d.potential * 10) + 4 );
	textNonPotential.text(d.nonPotential + " Non-Potentials")
	.attr("x", (d.nonPotential * 10) + 4 );
	barPotential.attr("width", d.potential * 10);
	barNonPotential.attr("width", d.nonPotential * 10);

	} else if (d.name == "Residence") {

	headline.text("Live in a flat (" + d.category + ")");

	} else if (d.name == "Income") {

	textPotential.text("£" + d3.round((d.potential / 1000),0) + "k Potentials")
	.attr("x", (d.potential / 1000) + 4 );
	textNonPotential.text("£" + d3.round((d.nonPotential / 1000),0) + "k Non-Potentials")
	.attr("x", (d.nonPotential / 1000) + 4 );
	barPotential.attr("width", d.potential / 1000);
	barNonPotential.attr("width", d.nonPotential / 1000);

	}

	d3.select(".svgRightWrapper").on("dblclick", function(){
	d3.select(this).remove();

	});
	});
	}

	// exit
	node.exit()
	.transition()
	.duration(dur / 2)
	.style("opacity", 0)
	.remove();
	// exit the node objects (= g elements incl. circle and text)


	}

	d3.select(self.frameElement).style("height", diameter + "px");

	getNewData1();
	body{
	font-family:"Lato" sans-serif;
	}

	div#header {
	height:100px;
	width:100%;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#BFBFBF;
	margin: 20px 0 30px 0;
	}

	div#header h1 {
	font-size: 18px;
	margin-left: 5px;
	}

	div#header p {
	margin:5px;
	font-size:14px;
	color: #6C7A89;
	}

	div.container {
	position:relative;
	}

	div.buttonWrapper {
	position: relative;
	}

	div.buttonWrapper1 {
	position:absolute;
	height:40px;
	width:180px;
	top: -10px;
	display: table;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	border-radius: 2px;
	font-size: 12px;
	color: #6C7A89;
	background: #F2F1EF;
	transition:background 0.5s ease;
	}

	div.buttonWrapper1:hover {
	background: #DADFE1;
	}

	div.buttonWrapper2 {
	position:absolute;
	height: 40px;
	width: 180px;
	top: 32px;
	display: table;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	border-radius: 2px;
	font-size: 12px;
	color: #6C7A89;
	background: #F2F1EF;
	transition:background 0.5s ease;
	}

	div.buttonWrapper2:hover {
	background: #DADFE1;
	}

	p#button1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	}

	p#button2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	top: 42px;
	}

	div.tooltip {
	position: absolute;
	display: inline-block;
	padding: 5px;
	background: #F2F1EF;
	font-size: 12px;
	color: #6C7A89;
	border-radius: 2px;
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s; /for some Safari versions/
	pointer-events: none;
	}

	div.svgRightWrapper{
	position:absolute;
	overflow-y: auto;
	display: inline-block;
	padding:20px;
	top:40px;
	left:880px;
	width:460px;
	height:700px;
	border-style:solid;
	border-color:white;
	}

	div#reloadPage{
	position:absolute;
	top:10px;
	left:1240px;
	width:70px;
	height:20px;
	line-height:20px;
	font-size:10px;
	color:#6C7A89;
	text-align:center;
	background: white;
	transition:background 0.5s ease;
	}

	div#reloadPage:hover {
	background: #DADFE1;
	}

	div#footer {
	height:100px;
	width:100%;
	line-height:170px;
	text-align:center;
	}