Skip to content

Instantly share code, notes, and snippets.

@workingmatt

workingmatt/.WoD Interactive Tool

Last active October 9, 2020 22:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save workingmatt/0c646abcceedfca9326322d4e9584596 to your computer and use it in GitHub Desktop.
Save workingmatt/0c646abcceedfca9326322d4e9584596 to your computer and use it in GitHub Desktop.
Download ZIP
WoD
Raw
.block
license: mit
height: 700
border: yes
scrolling: yes
Raw
.WoD Interactive Tool
This file sets the name of the gist (dots then capitals come first).
Raw
readme.md
Raw
d3-scale-chromatic.v1.min.js
// https://d3js.org/d3-scale-chromatic/ v1.5.0 Copyright 2019 Mike Bostock
!function(f,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("d3-interpolate"),require("d3-color")):"function"==typeof define&&define.amd?define(["exports","d3-interpolate","d3-color"],e):e((f=f||self).d3=f.d3||{},f.d3,f.d3)}(this,function(f,e,d){"use strict";function a(f){for(var e=f.length/6|0,d=new Array(e),a=0;a<e;)d[a]="#"+f.slice(6*a,6*++a);return d}var c=a("1f77b4ff7f0e2ca02cd627289467bd8c564be377c27f7f7fbcbd2217becf"),b=a("7fc97fbeaed4fdc086ffff99386cb0f0027fbf5b17666666"),t=a("1b9e77d95f027570b3e7298a66a61ee6ab02a6761d666666"),n=a("a6cee31f78b4b2df8a33a02cfb9a99e31a1cfdbf6fff7f00cab2d66a3d9affff99b15928"),r=a("fbb4aeb3cde3ccebc5decbe4fed9a6ffffcce5d8bdfddaecf2f2f2"),o=a("b3e2cdfdcdaccbd5e8f4cae4e6f5c9fff2aef1e2cccccccc"),i=a("e41a1c377eb84daf4a984ea3ff7f00ffff33a65628f781bf999999"),l=a("66c2a5fc8d628da0cbe78ac3a6d854ffd92fe5c494b3b3b3"),m=a("8dd3c7ffffb3bebadafb807280b1d3fdb462b3de69fccde5d9d9d9bc80bdccebc5ffed6f"),h=a("4e79a7f28e2ce1575976b7b259a14fedc949af7aa1ff9da79c755fbab0ab");function p(f){return e.interpolateRgbBasis(f[f.length-1])}var u=new Array(3).concat("d8b365f5f5f55ab4ac","a6611adfc27d80cdc1018571","a6611adfc27df5f5f580cdc1018571","8c510ad8b365f6e8c3c7eae55ab4ac01665e","8c510ad8b365f6e8c3f5f5f5c7eae55ab4ac01665e","8c510abf812ddfc27df6e8c3c7eae580cdc135978f01665e","8c510abf812ddfc27df6e8c3f5f5f5c7eae580cdc135978f01665e","5430058c510abf812ddfc27df6e8c3c7eae580cdc135978f01665e003c30","5430058c510abf812ddfc27df6e8c3f5f5f5c7eae580cdc135978f01665e003c30").map(a),s=p(u),y=new Array(3).concat("af8dc3f7f7f77fbf7b","7b3294c2a5cfa6dba0008837","7b3294c2a5cff7f7f7a6dba0008837","762a83af8dc3e7d4e8d9f0d37fbf7b1b7837","762a83af8dc3e7d4e8f7f7f7d9f0d37fbf7b1b7837","762a839970abc2a5cfe7d4e8d9f0d3a6dba05aae611b7837","762a839970abc2a5cfe7d4e8f7f7f7d9f0d3a6dba05aae611b7837","40004b762a839970abc2a5cfe7d4e8d9f0d3a6dba05aae611b783700441b","40004b762a839970abc2a5cfe7d4e8f7f7f7d9f0d3a6dba05aae611b783700441b").map(a),M=p(y),w=new Array(3).concat("e9a3c9f7f7f7a1d76a","d01c8bf1b6dab8e1864dac26","d01c8bf1b6daf7f7f7b8e1864dac26","c51b7de9a3c9fde0efe6f5d0a1d76a4d9221","c51b7de9a3c9fde0eff7f7f7e6f5d0a1d76a4d9221","c51b7dde77aef1b6dafde0efe6f5d0b8e1867fbc414d9221","c51b7dde77aef1b6dafde0eff7f7f7e6f5d0b8e1867fbc414d9221","8e0152c51b7dde77aef1b6dafde0efe6f5d0b8e1867fbc414d9221276419","8e0152c51b7dde77aef1b6dafde0eff7f7f7e6f5d0b8e1867fbc414d9221276419").map(a),A=p(w),P=new Array(3).concat("998ec3f7f7f7f1a340","5e3c99b2abd2fdb863e66101","5e3c99b2abd2f7f7f7fdb863e66101","542788998ec3d8daebfee0b6f1a340b35806","542788998ec3d8daebf7f7f7fee0b6f1a340b35806","5427888073acb2abd2d8daebfee0b6fdb863e08214b35806","5427888073acb2abd2d8daebf7f7f7fee0b6fdb863e08214b35806","2d004b5427888073acb2abd2d8daebfee0b6fdb863e08214b358067f3b08","2d004b5427888073acb2abd2d8daebf7f7f7fee0b6fdb863e08214b358067f3b08").map(a),B=p(P),G=new Array(3).concat("ef8a62f7f7f767a9cf","ca0020f4a58292c5de0571b0","ca0020f4a582f7f7f792c5de0571b0","b2182bef8a62fddbc7d1e5f067a9cf2166ac","b2182bef8a62fddbc7f7f7f7d1e5f067a9cf2166ac","b2182bd6604df4a582fddbc7d1e5f092c5de4393c32166ac","b2182bd6604df4a582fddbc7f7f7f7d1e5f092c5de4393c32166ac","67001fb2182bd6604df4a582fddbc7d1e5f092c5de4393c32166ac053061","67001fb2182bd6604df4a582fddbc7f7f7f7d1e5f092c5de4393c32166ac053061").map(a),x=p(G),R=new Array(3).concat("ef8a62ffffff999999","ca0020f4a582bababa404040","ca0020f4a582ffffffbababa404040","b2182bef8a62fddbc7e0e0e09999994d4d4d","b2182bef8a62fddbc7ffffffe0e0e09999994d4d4d","b2182bd6604df4a582fddbc7e0e0e0bababa8787874d4d4d","b2182bd6604df4a582fddbc7ffffffe0e0e0bababa8787874d4d4d","67001fb2182bd6604df4a582fddbc7e0e0e0bababa8787874d4d4d1a1a1a","67001fb2182bd6604df4a582fddbc7ffffffe0e0e0bababa8787874d4d4d1a1a1a").map(a),g=p(R),Y=new Array(3).concat("fc8d59ffffbf91bfdb","d7191cfdae61abd9e92c7bb6","d7191cfdae61ffffbfabd9e92c7bb6","d73027fc8d59fee090e0f3f891bfdb4575b4","d73027fc8d59fee090ffffbfe0f3f891bfdb4575b4","d73027f46d43fdae61fee090e0f3f8abd9e974add14575b4","d73027f46d43fdae61fee090ffffbfe0f3f8abd9e974add14575b4","a50026d73027f46d43fdae61fee090e0f3f8abd9e974add14575b4313695","a50026d73027f46d43fdae61fee090ffffbfe0f3f8abd9e974add14575b4313695").map(a),v=p(Y),O=new Array(3).concat("fc8d59ffffbf91cf60","d7191cfdae61a6d96a1a9641","d7191cfdae61ffffbfa6d96a1a9641","d73027fc8d59fee08bd9ef8b91cf601a9850","d73027fc8d59fee08bffffbfd9ef8b91cf601a9850","d73027f46d43fdae61fee08bd9ef8ba6d96a66bd631a9850","d73027f46d43fdae61fee08bffffbfd9ef8ba6d96a66bd631a9850","a50026d73027f46d43fdae61fee08bd9ef8ba6d96a66bd631a9850006837","a50026d73027f46d43fdae61fee08bffffbfd9ef8ba6d96a66bd631a9850006837").map(a),C=p(O),S=new Array(3).concat("fc8d59ffffbf99d594","d7191cfdae61abdda42b83ba","d7191cfdae61ffffbfabdda42b83ba","d53e4ffc8d59fee08be6f59899d5943288bd","d53e4ffc8d59fee08bffffbfe6f59899d5943288bd","d53e4ff46d43fdae61fee08be6f598abdda466c2a53288bd","d53e4ff46d43fdae61fee08bffffbfe6f598abdda466c2a53288bd","9e0142d53e4ff46d43fdae61fee08be6f598abdda466c2a53288bd5e4fa2","9e0142d53e4ff46d43fdae61fee08bffffbfe6f598abdda466c2a53288bd5e4fa2").map(a),I=p(S),L=new Array(3).concat("e5f5f999d8c92ca25f","edf8fbb2e2e266c2a4238b45","edf8fbb2e2e266c2a42ca25f006d2c","edf8fbccece699d8c966c2a42ca25f006d2c","edf8fbccece699d8c966c2a441ae76238b45005824","f7fcfde5f5f9ccece699d8c966c2a441ae76238b45005824","f7fcfde5f5f9ccece699d8c966c2a441ae76238b45006d2c00441b").map(a),j=p(L),q=new Array(3).concat("e0ecf49ebcda8856a7","edf8fbb3cde38c96c688419d","edf8fbb3cde38c96c68856a7810f7c","edf8fbbfd3e69ebcda8c96c68856a7810f7c","edf8fbbfd3e69ebcda8c96c68c6bb188419d6e016b","f7fcfde0ecf4bfd3e69ebcda8c96c68c6bb188419d6e016b","f7fcfde0ecf4bfd3e69ebcda8c96c68c6bb188419d810f7c4d004b").map(a),D=p(q),T=new Array(3).concat("e0f3dba8ddb543a2ca","f0f9e8bae4bc7bccc42b8cbe","f0f9e8bae4bc7bccc443a2ca0868ac","f0f9e8ccebc5a8ddb57bccc443a2ca0868ac","f0f9e8ccebc5a8ddb57bccc44eb3d32b8cbe08589e","f7fcf0e0f3dbccebc5a8ddb57bccc44eb3d32b8cbe08589e","f7fcf0e0f3dbccebc5a8ddb57bccc44eb3d32b8cbe0868ac084081").map(a),_=p(T),k=new Array(3).concat("fee8c8fdbb84e34a33","fef0d9fdcc8afc8d59d7301f","fef0d9fdcc8afc8d59e34a33b30000","fef0d9fdd49efdbb84fc8d59e34a33b30000","fef0d9fdd49efdbb84fc8d59ef6548d7301f990000","fff7ecfee8c8fdd49efdbb84fc8d59ef6548d7301f990000","fff7ecfee8c8fdd49efdbb84fc8d59ef6548d7301fb300007f0000").map(a),V=p(k),W=new Array(3).concat("ece2f0a6bddb1c9099","f6eff7bdc9e167a9cf02818a","f6eff7bdc9e167a9cf1c9099016c59","f6eff7d0d1e6a6bddb67a9cf1c9099016c59","f6eff7d0d1e6a6bddb67a9cf3690c002818a016450","fff7fbece2f0d0d1e6a6bddb67a9cf3690c002818a016450","fff7fbece2f0d0d1e6a6bddb67a9cf3690c002818a016c59014636").map(a),z=p(W),E=new Array(3).concat("ece7f2a6bddb2b8cbe","f1eef6bdc9e174a9cf0570b0","f1eef6bdc9e174a9cf2b8cbe045a8d","f1eef6d0d1e6a6bddb74a9cf2b8cbe045a8d","f1eef6d0d1e6a6bddb74a9cf3690c00570b0034e7b","fff7fbece7f2d0d1e6a6bddb74a9cf3690c00570b0034e7b","fff7fbece7f2d0d1e6a6bddb74a9cf3690c00570b0045a8d023858").map(a),F=p(E),H=new Array(3).concat("e7e1efc994c7dd1c77","f1eef6d7b5d8df65b0ce1256","f1eef6d7b5d8df65b0dd1c77980043","f1eef6d4b9dac994c7df65b0dd1c77980043","f1eef6d4b9dac994c7df65b0e7298ace125691003f","f7f4f9e7e1efd4b9dac994c7df65b0e7298ace125691003f","f7f4f9e7e1efd4b9dac994c7df65b0e7298ace125698004367001f").map(a),J=p(H),K=new Array(3).concat("fde0ddfa9fb5c51b8a","feebe2fbb4b9f768a1ae017e","feebe2fbb4b9f768a1c51b8a7a0177","feebe2fcc5c0fa9fb5f768a1c51b8a7a0177","feebe2fcc5c0fa9fb5f768a1dd3497ae017e7a0177","fff7f3fde0ddfcc5c0fa9fb5f768a1dd3497ae017e7a0177","fff7f3fde0ddfcc5c0fa9fb5f768a1dd3497ae017e7a017749006a").map(a),N=p(K),Q=new Array(3).concat("edf8b17fcdbb2c7fb8","ffffcca1dab441b6c4225ea8","ffffcca1dab441b6c42c7fb8253494","ffffccc7e9b47fcdbb41b6c42c7fb8253494","ffffccc7e9b47fcdbb41b6c41d91c0225ea80c2c84","ffffd9edf8b1c7e9b47fcdbb41b6c41d91c0225ea80c2c84","ffffd9edf8b1c7e9b47fcdbb41b6c41d91c0225ea8253494081d58").map(a),U=p(Q),X=new Array(3).concat("f7fcb9addd8e31a354","ffffccc2e69978c679238443","ffffccc2e69978c67931a354006837","ffffccd9f0a3addd8e78c67931a354006837","ffffccd9f0a3addd8e78c67941ab5d238443005a32","ffffe5f7fcb9d9f0a3addd8e78c67941ab5d238443005a32","ffffe5f7fcb9d9f0a3addd8e78c67941ab5d238443006837004529").map(a),Z=p(X),$=new Array(3).concat("fff7bcfec44fd95f0e","ffffd4fed98efe9929cc4c02","ffffd4fed98efe9929d95f0e993404","ffffd4fee391fec44ffe9929d95f0e993404","ffffd4fee391fec44ffe9929ec7014cc4c028c2d04","ffffe5fff7bcfee391fec44ffe9929ec7014cc4c028c2d04","ffffe5fff7bcfee391fec44ffe9929ec7014cc4c02993404662506").map(a),ff=p($),ef=new Array(3).concat("ffeda0feb24cf03b20","ffffb2fecc5cfd8d3ce31a1c","ffffb2fecc5cfd8d3cf03b20bd0026","ffffb2fed976feb24cfd8d3cf03b20bd0026","ffffb2fed976feb24cfd8d3cfc4e2ae31a1cb10026","ffffccffeda0fed976feb24cfd8d3cfc4e2ae31a1cb10026","ffffccffeda0fed976feb24cfd8d3cfc4e2ae31a1cbd0026800026").map(a),df=p(ef),af=new Array(3).concat("deebf79ecae13182bd","eff3ffbdd7e76baed62171b5","eff3ffbdd7e76baed63182bd08519c","eff3ffc6dbef9ecae16baed63182bd08519c","eff3ffc6dbef9ecae16baed64292c62171b5084594","f7fbffdeebf7c6dbef9ecae16baed64292c62171b5084594","f7fbffdeebf7c6dbef9ecae16baed64292c62171b508519c08306b").map(a),cf=p(af),bf=new Array(3).concat("e5f5e0a1d99b31a354","edf8e9bae4b374c476238b45","edf8e9bae4b374c47631a354006d2c","edf8e9c7e9c0a1d99b74c47631a354006d2c","edf8e9c7e9c0a1d99b74c47641ab5d238b45005a32","f7fcf5e5f5e0c7e9c0a1d99b74c47641ab5d238b45005a32","f7fcf5e5f5e0c7e9c0a1d99b74c47641ab5d238b45006d2c00441b").map(a),tf=p(bf),nf=new Array(3).concat("f0f0f0bdbdbd636363","f7f7f7cccccc969696525252","f7f7f7cccccc969696636363252525","f7f7f7d9d9d9bdbdbd969696636363252525","f7f7f7d9d9d9bdbdbd969696737373525252252525","fffffff0f0f0d9d9d9bdbdbd969696737373525252252525","fffffff0f0f0d9d9d9bdbdbd969696737373525252252525000000").map(a),rf=p(nf),of=new Array(3).concat("efedf5bcbddc756bb1","f2f0f7cbc9e29e9ac86a51a3","f2f0f7cbc9e29e9ac8756bb154278f","f2f0f7dadaebbcbddc9e9ac8756bb154278f","f2f0f7dadaebbcbddc9e9ac8807dba6a51a34a1486","fcfbfdefedf5dadaebbcbddc9e9ac8807dba6a51a34a1486","fcfbfdefedf5dadaebbcbddc9e9ac8807dba6a51a354278f3f007d").map(a),lf=p(of),mf=new Array(3).concat("fee0d2fc9272de2d26","fee5d9fcae91fb6a4acb181d","fee5d9fcae91fb6a4ade2d26a50f15","fee5d9fcbba1fc9272fb6a4ade2d26a50f15","fee5d9fcbba1fc9272fb6a4aef3b2ccb181d99000d","fff5f0fee0d2fcbba1fc9272fb6a4aef3b2ccb181d99000d","fff5f0fee0d2fcbba1fc9272fb6a4aef3b2ccb181da50f1567000d").map(a),hf=p(mf),pf=new Array(3).concat("fee6cefdae6be6550d","feeddefdbe85fd8d3cd94701","feeddefdbe85fd8d3ce6550da63603","feeddefdd0a2fdae6bfd8d3ce6550da63603","feeddefdd0a2fdae6bfd8d3cf16913d948018c2d04","fff5ebfee6cefdd0a2fdae6bfd8d3cf16913d948018c2d04","fff5ebfee6cefdd0a2fdae6bfd8d3cf16913d94801a636037f2704").map(a),uf=p(pf);var sf=e.interpolateCubehelixLong(d.cubehelix(300,.5,0),d.cubehelix(-240,.5,1)),yf=e.interpolateCubehelixLong(d.cubehelix(-100,.75,.35),d.cubehelix(80,1.5,.8)),Mf=e.interpolateCubehelixLong(d.cubehelix(260,.75,.35),d.cubehelix(80,1.5,.8)),wf=d.cubehelix();var Af=d.rgb(),Pf=Math.PI/3,Bf=2*Math.PI/3;function Gf(f){var e=f.length;return function(d){return f[Math.max(0,Math.min(e-1,Math.floor(d*e)))]}}var xf=Gf(a("44015444025645045745055946075a46085c460a5d460b5e470d60470e6147106347116447136548146748166848176948186a481a6c481b6d481c6e481d6f481f70482071482173482374482475482576482677482878482979472a7a472c7a472d7b472e7c472f7d46307e46327e46337f463480453581453781453882443983443a83443b84433d84433e85423f854240864241864142874144874045884046883f47883f48893e49893e4a893e4c8a3d4d8a3d4e8a3c4f8a3c508b3b518b3b528b3a538b3a548c39558c39568c38588c38598c375a8c375b8d365c8d365d8d355e8d355f8d34608d34618d33628d33638d32648e32658e31668e31678e31688e30698e306a8e2f6b8e2f6c8e2e6d8e2e6e8e2e6f8e2d708e2d718e2c718e2c728e2c738e2b748e2b758e2a768e2a778e2a788e29798e297a8e297b8e287c8e287d8e277e8e277f8e27808e26818e26828e26828e25838e25848e25858e24868e24878e23888e23898e238a8d228b8d228c8d228d8d218e8d218f8d21908d21918c20928c20928c20938c1f948c1f958b1f968b1f978b1f988b1f998a1f9a8a1e9b8a1e9c891e9d891f9e891f9f881fa0881fa1881fa1871fa28720a38620a48621a58521a68522a78522a88423a98324aa8325ab8225ac8226ad8127ad8128ae8029af7f2ab07f2cb17e2db27d2eb37c2fb47c31b57b32b67a34b67935b77937b87838b9773aba763bbb753dbc743fbc7340bd7242be7144bf7046c06f48c16e4ac16d4cc26c4ec36b50c46a52c56954c56856c66758c7655ac8645cc8635ec96260ca6063cb5f65cb5e67cc5c69cd5b6ccd5a6ece5870cf5773d05675d05477d1537ad1517cd2507fd34e81d34d84d44b86d54989d5488bd6468ed64590d74393d74195d84098d83e9bd93c9dd93ba0da39a2da37a5db36a8db34aadc32addc30b0dd2fb2dd2db5de2bb8de29bade28bddf26c0df25c2df23c5e021c8e020cae11fcde11dd0e11cd2e21bd5e21ad8e219dae319dde318dfe318e2e418e5e419e7e419eae51aece51befe51cf1e51df4e61ef6e620f8e621fbe723fde725")),Rf=Gf(a("00000401000501010601010802010902020b02020d03030f03031204041405041606051806051a07061c08071e0907200a08220b09240c09260d0a290e0b2b100b2d110c2f120d31130d34140e36150e38160f3b180f3d19103f1a10421c10441d11471e114920114b21114e22115024125325125527125829115a2a115c2c115f2d11612f116331116533106734106936106b38106c390f6e3b0f703d0f713f0f72400f74420f75440f764510774710784910784a10794c117a4e117b4f127b51127c52137c54137d56147d57157e59157e5a167e5c167f5d177f5f187f601880621980641a80651a80671b80681c816a1c816b1d816d1d816e1e81701f81721f817320817521817621817822817922827b23827c23827e24828025828125818326818426818627818827818928818b29818c29818e2a81902a81912b81932b80942c80962c80982d80992d809b2e7f9c2e7f9e2f7fa02f7fa1307ea3307ea5317ea6317da8327daa337dab337cad347cae347bb0357bb2357bb3367ab5367ab73779b83779ba3878bc3978bd3977bf3a77c03a76c23b75c43c75c53c74c73d73c83e73ca3e72cc3f71cd4071cf4070d0416fd2426fd3436ed5446dd6456cd8456cd9466bdb476adc4869de4968df4a68e04c67e24d66e34e65e44f64e55064e75263e85362e95462ea5661eb5760ec5860ed5a5fee5b5eef5d5ef05f5ef1605df2625df2645cf3655cf4675cf4695cf56b5cf66c5cf66e5cf7705cf7725cf8745cf8765cf9785df9795df97b5dfa7d5efa7f5efa815ffb835ffb8560fb8761fc8961fc8a62fc8c63fc8e64fc9065fd9266fd9467fd9668fd9869fd9a6afd9b6bfe9d6cfe9f6dfea16efea36ffea571fea772fea973feaa74feac76feae77feb078feb27afeb47bfeb67cfeb77efeb97ffebb81febd82febf84fec185fec287fec488fec68afec88cfeca8dfecc8ffecd90fecf92fed194fed395fed597fed799fed89afdda9cfddc9efddea0fde0a1fde2a3fde3a5fde5a7fde7a9fde9aafdebacfcecaefceeb0fcf0b2fcf2b4fcf4b6fcf6b8fcf7b9fcf9bbfcfbbdfcfdbf")),gf=Gf(a("00000401000501010601010802010a02020c02020e03021004031204031405041706041907051b08051d09061f0a07220b07240c08260d08290e092b10092d110a30120a32140b34150b37160b39180c3c190c3e1b0c411c0c431e0c451f0c48210c4a230c4c240c4f260c51280b53290b552b0b572d0b592f0a5b310a5c320a5e340a5f3609613809623909633b09643d09653e0966400a67420a68440a68450a69470b6a490b6a4a0c6b4c0c6b4d0d6c4f0d6c510e6c520e6d540f6d550f6d57106e59106e5a116e5c126e5d126e5f136e61136e62146e64156e65156e67166e69166e6a176e6c186e6d186e6f196e71196e721a6e741a6e751b6e771c6d781c6d7a1d6d7c1d6d7d1e6d7f1e6c801f6c82206c84206b85216b87216b88226a8a226a8c23698d23698f24699025689225689326679526679727669827669a28659b29649d29649f2a63a02a63a22b62a32c61a52c60a62d60a82e5fa92e5eab2f5ead305dae305cb0315bb1325ab3325ab43359b63458b73557b93556ba3655bc3754bd3853bf3952c03a51c13a50c33b4fc43c4ec63d4dc73e4cc83f4bca404acb4149cc4248ce4347cf4446d04545d24644d34743d44842d54a41d74b3fd84c3ed94d3dda4e3cdb503bdd513ade5238df5337e05536e15635e25734e35933e45a31e55c30e65d2fe75e2ee8602de9612bea632aeb6429eb6628ec6726ed6925ee6a24ef6c23ef6e21f06f20f1711ff1731df2741cf3761bf37819f47918f57b17f57d15f67e14f68013f78212f78410f8850ff8870ef8890cf98b0bf98c0af98e09fa9008fa9207fa9407fb9606fb9706fb9906fb9b06fb9d07fc9f07fca108fca309fca50afca60cfca80dfcaa0ffcac11fcae12fcb014fcb216fcb418fbb61afbb81dfbba1ffbbc21fbbe23fac026fac228fac42afac62df9c72ff9c932f9cb35f8cd37f8cf3af7d13df7d340f6d543f6d746f5d949f5db4cf4dd4ff4df53f4e156f3e35af3e55df2e661f2e865f2ea69f1ec6df1ed71f1ef75f1f179f2f27df2f482f3f586f3f68af4f88ef5f992f6fa96f8fb9af9fc9dfafda1fcffa4")),Yf=Gf(a("0d088710078813078916078a19068c1b068d1d068e20068f2206902406912605912805922a05932c05942e05952f059631059733059735049837049938049a3a049a3c049b3e049c3f049c41049d43039e44039e46039f48039f4903a04b03a14c02a14e02a25002a25102a35302a35502a45601a45801a45901a55b01a55c01a65e01a66001a66100a76300a76400a76600a76700a86900a86a00a86c00a86e00a86f00a87100a87201a87401a87501a87701a87801a87a02a87b02a87d03a87e03a88004a88104a78305a78405a78606a68707a68808a68a09a58b0aa58d0ba58e0ca48f0da4910ea3920fa39410a29511a19613a19814a099159f9a169f9c179e9d189d9e199da01a9ca11b9ba21d9aa31e9aa51f99a62098a72197a82296aa2395ab2494ac2694ad2793ae2892b02991b12a90b22b8fb32c8eb42e8db52f8cb6308bb7318ab83289ba3388bb3488bc3587bd3786be3885bf3984c03a83c13b82c23c81c33d80c43e7fc5407ec6417dc7427cc8437bc9447aca457acb4679cc4778cc4977cd4a76ce4b75cf4c74d04d73d14e72d24f71d35171d45270d5536fd5546ed6556dd7566cd8576bd9586ada5a6ada5b69db5c68dc5d67dd5e66de5f65de6164df6263e06363e16462e26561e26660e3685fe4695ee56a5de56b5de66c5ce76e5be76f5ae87059e97158e97257ea7457eb7556eb7655ec7754ed7953ed7a52ee7b51ef7c51ef7e50f07f4ff0804ef1814df1834cf2844bf3854bf3874af48849f48948f58b47f58c46f68d45f68f44f79044f79143f79342f89441f89540f9973ff9983ef99a3efa9b3dfa9c3cfa9e3bfb9f3afba139fba238fca338fca537fca636fca835fca934fdab33fdac33fdae32fdaf31fdb130fdb22ffdb42ffdb52efeb72dfeb82cfeba2cfebb2bfebd2afebe2afec029fdc229fdc328fdc527fdc627fdc827fdca26fdcb26fccd25fcce25fcd025fcd225fbd324fbd524fbd724fad824fada24f9dc24f9dd25f8df25f8e125f7e225f7e425f6e626f6e826f5e926f5eb27f4ed27f3ee27f3f027f2f227f1f426f1f525f0f724f0f921"));f.interpolateBlues=cf,f.interpolateBrBG=s,f.interpolateBuGn=j,f.interpolateBuPu=D,f.interpolateCividis=function(f){return f=Math.max(0,Math.min(1,f)),"rgb("+Math.max(0,Math.min(255,Math.round(-4.54-f*(35.34-f*(2381.73-f*(6402.7-f*(7024.72-2710.57*f)))))))+", "+Math.max(0,Math.min(255,Math.round(32.49+f*(170.73+f*(52.82-f*(131.46-f*(176.58-67.37*f)))))))+", "+Math.max(0,Math.min(255,Math.round(81.24+f*(442.36-f*(2482.43-f*(6167.24-f*(6614.94-2475.67*f)))))))+")"},f.interpolateCool=Mf,f.interpolateCubehelixDefault=sf,f.interpolateGnBu=_,f.interpolateGreens=tf,f.interpolateGreys=rf,f.interpolateInferno=gf,f.interpolateMagma=Rf,f.interpolateOrRd=V,f.interpolateOranges=uf,f.interpolatePRGn=M,f.interpolatePiYG=A,f.interpolatePlasma=Yf,f.interpolatePuBu=F,f.interpolatePuBuGn=z,f.interpolatePuOr=B,f.interpolatePuRd=J,f.interpolatePurples=lf,f.interpolateRainbow=function(f){(f<0||f>1)&&(f-=Math.floor(f));var e=Math.abs(f-.5);return wf.h=360*f-100,wf.s=1.5-1.5*e,wf.l=.8-.9*e,wf+""},f.interpolateRdBu=x,f.interpolateRdGy=g,f.interpolateRdPu=N,f.interpolateRdYlBu=v,f.interpolateRdYlGn=C,f.interpolateReds=hf,f.interpolateSinebow=function(f){var e;return f=(.5-f)*Math.PI,Af.r=255*(e=Math.sin(f))*e,Af.g=255*(e=Math.sin(f+Pf))*e,Af.b=255*(e=Math.sin(f+Bf))*e,Af+""},f.interpolateSpectral=I,f.interpolateTurbo=function(f){return f=Math.max(0,Math.min(1,f)),"rgb("+Math.max(0,Math.min(255,Math.round(34.61+f*(1172.33-f*(10793.56-f*(33300.12-f*(38394.49-14825.05*f)))))))+", "+Math.max(0,Math.min(255,Math.round(23.31+f*(557.33+f*(1225.33-f*(3574.96-f*(1073.77+707.56*f)))))))+", "+Math.max(0,Math.min(255,Math.round(27.2+f*(3211.1-f*(15327.97-f*(27814-f*(22569.18-6838.66*f)))))))+")"},f.interpolateViridis=xf,f.interpolateWarm=yf,f.interpolateYlGn=Z,f.interpolateYlGnBu=U,f.interpolateYlOrBr=ff,f.interpolateYlOrRd=df,f.schemeAccent=b,f.schemeBlues=af,f.schemeBrBG=u,f.schemeBuGn=L,f.schemeBuPu=q,f.schemeCategory10=c,f.schemeDark2=t,f.schemeGnBu=T,f.schemeGreens=bf,f.schemeGreys=nf,f.schemeOrRd=k,f.schemeOranges=pf,f.schemePRGn=y,f.schemePaired=n,f.schemePastel1=r,f.schemePastel2=o,f.schemePiYG=w,f.schemePuBu=E,f.schemePuBuGn=W,f.schemePuOr=P,f.schemePuRd=H,f.schemePurples=of,f.schemeRdBu=G,f.schemeRdGy=R,f.schemeRdPu=K,f.schemeRdYlBu=Y,f.schemeRdYlGn=O,f.schemeReds=mf,f.schemeSet1=i,f.schemeSet2=l,f.schemeSet3=m,f.schemeSpectral=S,f.schemeTableau10=h,f.schemeYlGn=X,f.schemeYlGnBu=Q,f.schemeYlOrBr=$,f.schemeYlOrRd=ef,Object.defineProperty(f,"__esModule",{value:!0})});
Raw
data.js
//The only variable read by the WoD tool when it is opened is nodeData.
//This file inclues 3 JSON data structures with which to populate the WoD tool
var nodeData = {"name": "TOPICS", "children": [
// var longNames = {"name": "TOPICS", "children": [
{"name": "Woodworking Tools", "children": [
{"name": "Woodworking tools for cutting", "children": [
{"name": "Tenon Saw", "size": 1,"title":"Some descriptive text for the tooltip"},
{"name": "Cross-cut Saw", "size": 1,"title":"Some descriptive text for the tooltip"},
{"name": "Bandsaw", "size": 1,"title":"Some descriptive text for the tooltip"},
{"name": "Mitre saw with sliding head", "size": 1,"title":"Some descriptive text for the tooltip"}
],"title":"Some descriptive text for the tooltip"},
{"name": "Woodworking tools for shaping", "children": [
{"name": "Chisels", "size": 1},
{"name": "Planing Machine", "size": 1},
{"name": "Hand plane", "size": 1}
]},
{"name": "Woodworking tools for smoothing", "children": [
{"name": "Sandpaper of varying grit", "size": 1},
{"name": "Scrapers not much used nowadays", "size": 1}
]},
{"name": "Woodworking finishing chemicals", "children": [
{"name": "Clear coat satin water-based varnish", "size": 1},
{"name": "Linseed Oil", "size": 1},
{"name": "Paint", "size": 1}
]}
]
},
{"name": "Stonemasonry Tools","children": [
{"name": "Equipment for measuring", "children": [
{"name": "Square", "size": 1, "title": "Checks perpendicularity"},
{"name": "Level", "size": 1, "title": "Ensures a surface is flat and horizontal"},
{"name": "Plumb Line", "size": 1, "title": "Provides a vertical reference line"}
]},
{"name": "Shaping equipment", "children": [
{"name": "Gavel", "size": 1},
{"name": "Chisel", "size": 1}
]}
]
},
{"name": "Metalworking Tools","children": [
{"name": "Fastners and joining", "children": [
{"name": "CRivets", "size": 1},
{"name": "Nuts and bolts", "size": 1},
{"name": "Welding", "size": 1}
]}
]
},
{"name": "Gardening Tools","children": [
{"name": "Lawn related gardening tools", "children": [
{"name": "Push Pull Manual Lawnmower", "size": 1},
{"name": "Electrically powered lawnmower", "size": 1},
{"name": "Petrol driven walkalong mower", "size": 1},
{"name": "Petrol driven ridealong mower", "size": 1}
]},
{"name": "Soil preparation and maintenance", "children": [
{"name": "Spade", "size": 1},
{"name": "Rake", "size": 1}
]}
]
}
]
};
//The WoD starts with which ever of these two variables is called nodeData
// var nodeData = {"name": "TOPICS", "children": [
var fruitExample = {"name": "TOPICS", "children": [
{"name": "Fruit", "children": [
{"name": "Apple", "children": [
{"name": "Granny Smith", "size": 1,"title":"Some descriptive text for the tooltip"},
{"name": "Braeburn", "size": 1,"title":"Some descriptive text for the tooltip"},
{"name": "Granny Smith", "size": 1,"title":"Some descriptive text for the tooltip"},
{"name": "Red Delicious", "size": 1,"title":"Some descriptive text for the tooltip"}
],"title":"Some descriptive text for the tooltip"},
{"name": "Banana", "children": [
{"name": "Unripe", "size": 1},
{"name": "Ripe", "size": 1},
{"name": "Passed it", "size": 1}
]},
{"name": "Raspberry", "children": [
{"name": "Immature", "size": 1},
{"name": "Ripe Raspberry", "size": 1},
{"name": "Blown Raspberry", "size": 1}
]},
{"name": "Blackberry", "children": [
{"name": "Immature", "size": 1},
{"name": "Ripe Blackberry", "size": 1},
{"name": "Blown Blackberry", "size": 1}
]}
]
},
{"name": "Colour","children": [
{"name": "Red", "children": [
{"name": "Postbox", "size": 1},
{"name": "Bright", "size": 1},
{"name": "Rose", "size": 1}
]},
{"name": "Green", "children": [
{"name": "Grass", "size": 1},
{"name": "Puce", "size": 1},
{"name": "Conifer", "size": 1}
]},
{"name": "Yellow", "children": [
{"name": "Corn", "size": 1},
{"name": "Custard", "size": 1},
{"name": "Pale", "size": 1}
]},
{"name": "Blue", "children": [
{"name": "Cornflour", "size": 1},
{"name": "Cyan", "size": 1},
{"name": "Ocean", "size": 1},
{"name": "Navy", "size": 1}
]
},
{"name": "Black", "children": [
{"name": "Bit Black", "size": 1},
{"name": "Proper Black", "size": 1}
]
}
]
},
{"name": "Shape","children": [
{"name": "Round", "children": [
{"name": "Bobbly", "size": 1},
{"name": "Smooth", "size": 1}
]},
{"name": "Stick", "children": [
{"name": "Straight", "size": 1},
{"name": "Bendy", "size": 1}
]}
]
}
]
};
// var nodeData = {"name":"TOPICS", "children": [
var indicativeStructureOfRealData = {"name":"TOPICS", "children": [
{"name":"A","children":[
{"name":"A1","children":[
{"name":"A1A","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L1","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"A1B","children":[
{"name":"DF2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L3","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"A1C","children":[
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M17","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF7","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"A1D","children":[
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
]},
{"name":"B","children":[
{"name":"B1","children":[
{"name":"B1A","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M7","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M8","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L5","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"B1B","children":[
{"name":"M2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"B1C","children":[
{"name":"D7","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"B2","children":[
{"name":"B2A","children":[
{"name":"M2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"B2B","children":[
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M10","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M17","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF4","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"B3","children":[
{"name":"B3A","children":[
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M17","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"B3B","children":[
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M10","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M17","size":1,"title":"Some descriptive text for the tooltip"}
]}
]}
]},
{"name":"C","children":[
{"name":"C1","children":[
{"name":"C1A","children":[
{"name":"M12","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"C1B","children":[
{"name":"M11","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D5","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"C1C","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M14","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M15","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L3","size":1,"title":"Some descriptive text for the tooltip"}
]},
]},
{"name":"C2","children":[
{"name":"C2A","children":[
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M12","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"C2B","children":[
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"C2C","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M14","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M15","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L2","size":1,"title":"Some descriptive text for the tooltip"}
]}
]}
]},
{"name":"D","children":[
{"name":"D1","children":[
{"name":"D1A","children":[
{"name":"D2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF6","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"D1B","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M15","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"D1C","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M7","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D7","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L5","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"D2","children":[
{"name":"D2A","children":[
{"name":"M2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M10","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M12","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M14","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"MD2","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"D2B","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M7","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L5","size":1,"title":"Some descriptive text for the tooltip"}
]}
]}
]},
{"name":"E","children":[
{"name":"E1","children":[
{"name":"E1A","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M14","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M15","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"E1B","children":[
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M14","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M15","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L3","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"E1C","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M7","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"E2","children":[
{"name":"E2A","children":[
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"}
]}
]}
]},
{"name":"F","children":[
{"name":"F1","children":[
{"name":"F1A","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M14","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M15","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"F1B","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF4","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"F1C","children":[
{"name":"D2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF6","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"F2","children":[
{"name":"F2A","children":[
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M14","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M15","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"F2B","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M7","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M15","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"F2C","children":[
{"name":"M2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"F2D","children":[
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"}
]}
]}
]},
{"name":"G","children":[
{"name":"G1","children":[
{"name":"G1A","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M8","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L4","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"G1B","children":[
{"name":"M3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF8","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L4","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"G2","children":[
{"name":"G2A","children":[
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L6","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"G2B","children":[
{"name":"M3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"MD1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L1","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"G3","children":[
{"name":"G3A","children":[
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M17","size":1,"title":"Some descriptive text for the tooltip"}
]}
]}
]},
{"name":"H","children":[
{"name":"H1","children":[
{"name":"H1A","children":[
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M17","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"H2","children":[
{"name":"H2A","children":[
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L6","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"H3","children":[
{"name":"H3A","children":[
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L2","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"H3B","children":[
{"name":"M3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M8","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M10","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"MD1","size":1,"title":"Some descriptive text for the tooltip"}
]}
]}
]},
{"name":"I","children":[
{"name":"I1","children":[
{"name":"I1A","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M7","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M8","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"L5","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"I1B","children":[
{"name":"M2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M9","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M10","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M13","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M14","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M16","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M17","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"MD2","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF8","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"I1C","children":[
{"name":"M1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M5","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M14","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"M15","size":1,"title":"Some descriptive text for the tooltip"}
]}
]},
{"name":"I2","children":[
{"name":"I2A","children":[
{"name":"M4","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"MD1","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D6","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D8","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"D9","size":1,"title":"Some descriptive text for the tooltip"}
]},
{"name":"I2B","children":[
{"name":"M3","size":1,"title":"Some descriptive text for the tooltip"},
{"name":"DF8","size":1,"title":"Some descriptive text for the tooltip"}
]}
]}
]}
]};
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>WoD</title>
<script type="text/javascript" src="https://d3js.org/d3.v5.min.js"></script>
<link rel="stylesheet" href="style.css">
<script src="data.js"></script>
</head>
<body>
<div id="menu">
<button id="viewToggleBtn" onClick="viewTogglePressed()">Show CCM</button>
<button id="saveBtn" onClick="saveFile()">Export</button>
<input id="selectedFile" type="file" accept=".txt"/>
<button id="loadBtn" onClick="loadFile()">Import</button>
</div>
<div id="wod">
<p>
Wheel of Doom Interactive Proof of Concept<br><br>
Sunburst:
<li>Click on segments to remove inconsistencies identified in the CCM
<li>Hover over segment to see fullname tooltip
</p>
</div>
<div id="ccm">
<p>
Wheel of Doom Interactive Proof of Concept<br><br>
Cross-consistency matrix:
<li>Hover over cells to see pair tooltip.<br>
<li>Click cells to toggle between consistent (Y) and inconsistent (N).<br>
<li>Click WoD button to view and interact
<li>Export/Import CCM selections to/from a .txt file
</p>
</div>
<script src="wod.js"></script>
</body>
</html>
Raw
style.css
* {
font: 16px sans-serif;
}
p {
color: blue;
}
li {
color: blue;
}
#wod {
display: block;
}
#wod text {
font: 8px sans-serif;
fill: black;
}
path {
font: 8px sans-serif;
color: white;
text-align: center;
}
#ccm {
display: none;
}
#ccm text {
font: 8px sans-serif;
}
.ccmOff {
fill: blanchedalmond;
stroke: whitesmoke;
color: yellowgreen;
stroke-width: 1;
}
.ccmOn {
fill: red;
stroke: red;
color: black;
}
.wodSegmentInitial {
opacity: 0.6;
}
.wodSegmentSelected {
opacity: 1;
fill:lightgreen !important;
}
.wodSegmentInconsistent {
opacity: 0.2;
fill: red !important;
}
Raw
wheelOfDoomFake.txt
{
"ccmData": [
{
"row": 0,
"col": 2,
"value": "A"
},
{
"row": 1,
"col": 2,
"value": "A1"
},
{
"row": 0,
"col": 3,
"value": "B"
},
{
"row": 1,
"col": 3,
"value": "B1"
},
{
"row": 0,
"col": 4,
"value": "B"
},
{
"row": 1,
"col": 4,
"value": "B2"
},
{
"row": 0,
"col": 5,
"value": "B"
},
{
"row": 1,
"col": 5,
"value": "B3"
},
{
"row": 0,
"col": 6,
"value": "C"
},
{
"row": 1,
"col": 6,
"value": "C1"
},
{
"row": 0,
"col": 7,
"value": "C"
},
{
"row": 1,
"col": 7,
"value": "C2"
},
{
"row": 0,
"col": 8,
"value": "D"
},
{
"row": 1,
"col": 8,
"value": "D1"
},
{
"row": 0,
"col": 9,
"value": "D"
},
{
"row": 1,
"col": 9,
"value": "D2"
},
{
"row": 0,
"col": 10,
"value": "E"
},
{
"row": 1,
"col": 10,
"value": "E1"
},
{
"row": 0,
"col": 11,
"value": "E"
},
{
"row": 1,
"col": 11,
"value": "E2"
},
{
"row": 0,
"col": 12,
"value": "F"
},
{
"row": 1,
"col": 12,
"value": "F1"
},
{
"row": 0,
"col": 13,
"value": "F"
},
{
"row": 1,
"col": 13,
"value": "F2"
},
{
"row": 0,
"col": 14,
"value": "G"
},
{
"row": 1,
"col": 14,
"value": "G1"
},
{
"row": 0,
"col": 15,
"value": "G"
},
{
"row": 1,
"col": 15,
"value": "G2"
},
{
"row": 0,
"col": 16,
"value": "G"
},
{
"row": 1,
"col": 16,
"value": "G3"
},
{
"row": 0,
"col": 17,
"value": "H"
},
{
"row": 1,
"col": 17,
"value": "H1"
},
{
"row": 0,
"col": 18,
"value": "H"
},
{
"row": 1,
"col": 18,
"value": "H2"
},
{
"row": 0,
"col": 19,
"value": "H"
},
{
"row": 1,
"col": 19,
"value": "H3"
},
{
"row": 2,
"col": 0,
"value": "B"
},
{
"row": 2,
"col": 1,
"value": "B1"
},
{
"row": 3,
"col": 0,
"value": "B"
},
{
"row": 3,
"col": 1,
"value": "B2"
},
{
"row": 4,
"col": 0,
"value": "B"
},
{
"row": 4,
"col": 1,
"value": "B3"
},
{
"row": 5,
"col": 0,
"value": "C"
},
{
"row": 5,
"col": 1,
"value": "C1"
},
{
"row": 6,
"col": 0,
"value": "C"
},
{
"row": 6,
"col": 1,
"value": "C2"
},
{
"row": 7,
"col": 0,
"value": "D"
},
{
"row": 7,
"col": 1,
"value": "D1"
},
{
"row": 8,
"col": 0,
"value": "D"
},
{
"row": 8,
"col": 1,
"value": "D2"
},
{
"row": 9,
"col": 0,
"value": "E"
},
{
"row": 9,
"col": 1,
"value": "E1"
},
{
"row": 10,
"col": 0,
"value": "E"
},
{
"row": 10,
"col": 1,
"value": "E2"
},
{
"row": 11,
"col": 0,
"value": "F"
},
{
"row": 11,
"col": 1,
"value": "F1"
},
{
"row": 12,
"col": 0,
"value": "F"
},
{
"row": 12,
"col": 1,
"value": "F2"
},
{
"row": 13,
"col": 0,
"value": "G"
},
{
"row": 13,
"col": 1,
"value": "G1"
},
{
"row": 14,
"col": 0,
"value": "G"
},
{
"row": 14,
"col": 1,
"value": "G2"
},
{
"row": 15,
"col": 0,
"value": "G"
},
{
"row": 15,
"col": 1,
"value": "G3"
},
{
"row": 16,
"col": 0,
"value": "H"
},
{
"row": 16,
"col": 1,
"value": "H1"
},
{
"row": 17,
"col": 0,
"value": "H"
},
{
"row": 17,
"col": 1,
"value": "H2"
},
{
"row": 18,
"col": 0,
"value": "H"
},
{
"row": 18,
"col": 1,
"value": "H3"
},
{
"row": 19,
"col": 0,
"value": "I"
},
{
"row": 19,
"col": 1,
"value": "I1"
},
{
"row": 20,
"col": 0,
"value": "I"
},
{
"row": 20,
"col": 1,
"value": "I2"
},
{
"row": 2,
"col": 2,
"value": 0,
"title": "A:A1|B:B1"
},
{
"row": 3,
"col": 2,
"value": 0,
"title": "A:A1|B:B2"
},
{
"row": 4,
"col": 2,
"value": 0,
"title": "A:A1|B:B3"
},
{
"row": 5,
"col": 2,
"value": 0,
"title": "A:A1|C:C1"
},
{
"row": 6,
"col": 2,
"value": 0,
"title": "A:A1|C:C2"
},
{
"row": 7,
"col": 2,
"value": 0,
"title": "A:A1|D:D1"
},
{
"row": 8,
"col": 2,
"value": 0,
"title": "A:A1|D:D2"
},
{
"row": 9,
"col": 2,
"value": 0,
"title": "A:A1|E:E1"
},
{
"row": 10,
"col": 2,
"value": 0,
"title": "A:A1|E:E2"
},
{
"row": 11,
"col": 2,
"value": 0,
"title": "A:A1|F:F1"
},
{
"row": 12,
"col": 2,
"value": 0,
"title": "A:A1|F:F2"
},
{
"row": 13,
"col": 2,
"value": 0,
"title": "A:A1|G:G1"
},
{
"row": 14,
"col": 2,
"value": 0,
"title": "A:A1|G:G2"
},
{
"row": 15,
"col": 2,
"value": 0,
"title": "A:A1|G:G3"
},
{
"row": 16,
"col": 2,
"value": 0,
"title": "A:A1|H:H1"
},
{
"row": 17,
"col": 2,
"value": 0,
"title": "A:A1|H:H2"
},
{
"row": 18,
"col": 2,
"value": 0,
"title": "A:A1|H:H3"
},
{
"row": 19,
"col": 2,
"value": 0,
"title": "A:A1|I:I1"
},
{
"row": 20,
"col": 2,
"value": 0,
"title": "A:A1|I:I2"
},
{
"row": 5,
"col": 3,
"value": 0,
"title": "B:B1|C:C1"
},
{
"row": 5,
"col": 4,
"value": 0,
"title": "B:B2|C:C1"
},
{
"row": 5,
"col": 5,
"value": 0,
"title": "B:B3|C:C1"
},
{
"row": 6,
"col": 3,
"value": 0,
"title": "B:B1|C:C2"
},
{
"row": 6,
"col": 4,
"value": 0,
"title": "B:B2|C:C2"
},
{
"row": 6,
"col": 5,
"value": 0,
"title": "B:B3|C:C2"
},
{
"row": 7,
"col": 3,
"value": 0,
"title": "B:B1|D:D1"
},
{
"row": 7,
"col": 4,
"value": 0,
"title": "B:B2|D:D1"
},
{
"row": 7,
"col": 5,
"value": 0,
"title": "B:B3|D:D1"
},
{
"row": 8,
"col": 3,
"value": 0,
"title": "B:B1|D:D2"
},
{
"row": 8,
"col": 4,
"value": 0,
"title": "B:B2|D:D2"
},
{
"row": 8,
"col": 5,
"value": 0,
"title": "B:B3|D:D2"
},
{
"row": 9,
"col": 3,
"value": 0,
"title": "B:B1|E:E1"
},
{
"row": 9,
"col": 4,
"value": 0,
"title": "B:B2|E:E1"
},
{
"row": 9,
"col": 5,
"value": 0,
"title": "B:B3|E:E1"
},
{
"row": 10,
"col": 3,
"value": 0,
"title": "B:B1|E:E2"
},
{
"row": 10,
"col": 4,
"value": 0,
"title": "B:B2|E:E2"
},
{
"row": 10,
"col": 5,
"value": 0,
"title": "B:B3|E:E2"
},
{
"row": 11,
"col": 3,
"value": 0,
"title": "B:B1|F:F1"
},
{
"row": 11,
"col": 4,
"value": 0,
"title": "B:B2|F:F1"
},
{
"row": 11,
"col": 5,
"value": 0,
"title": "B:B3|F:F1"
},
{
"row": 12,
"col": 3,
"value": 0,
"title": "B:B1|F:F2"
},
{
"row": 12,
"col": 4,
"value": 0,
"title": "B:B2|F:F2"
},
{
"row": 12,
"col": 5,
"value": 0,
"title": "B:B3|F:F2"
},
{
"row": 13,
"col": 3,
"value": 0,
"title": "B:B1|G:G1"
},
{
"row": 13,
"col": 4,
"value": 0,
"title": "B:B2|G:G1"
},
{
"row": 13,
"col": 5,
"value": 0,
"title": "B:B3|G:G1"
},
{
"row": 14,
"col": 3,
"value": 0,
"title": "B:B1|G:G2"
},
{
"row": 14,
"col": 4,
"value": 0,
"title": "B:B2|G:G2"
},
{
"row": 14,
"col": 5,
"value": 0,
"title": "B:B3|G:G2"
},
{
"row": 15,
"col": 3,
"value": 0,
"title": "B:B1|G:G3"
},
{
"row": 15,
"col": 4,
"value": 0,
"title": "B:B2|G:G3"
},
{
"row": 15,
"col": 5,
"value": 0,
"title": "B:B3|G:G3"
},
{
"row": 16,
"col": 3,
"value": 0,
"title": "B:B1|H:H1"
},
{
"row": 16,
"col": 4,
"value": 0,
"title": "B:B2|H:H1"
},
{
"row": 16,
"col": 5,
"value": 0,
"title": "B:B3|H:H1"
},
{
"row": 17,
"col": 3,
"value": 0,
"title": "B:B1|H:H2"
},
{
"row": 17,
"col": 4,
"value": 0,
"title": "B:B2|H:H2"
},
{
"row": 17,
"col": 5,
"value": 0,
"title": "B:B3|H:H2"
},
{
"row": 18,
"col": 3,
"value": 0,
"title": "B:B1|H:H3"
},
{
"row": 18,
"col": 4,
"value": 0,
"title": "B:B2|H:H3"
},
{
"row": 18,
"col": 5,
"value": 0,
"title": "B:B3|H:H3"
},
{
"row": 19,
"col": 3,
"value": 0,
"title": "B:B1|I:I1"
},
{
"row": 19,
"col": 4,
"value": 0,
"title": "B:B2|I:I1"
},
{
"row": 19,
"col": 5,
"value": 0,
"title": "B:B3|I:I1"
},
{
"row": 20,
"col": 3,
"value": 0,
"title": "B:B1|I:I2"
},
{
"row": 20,
"col": 4,
"value": 0,
"title": "B:B2|I:I2"
},
{
"row": 20,
"col": 5,
"value": 0,
"title": "B:B3|I:I2"
},
{
"row": 7,
"col": 6,
"value": 0,
"title": "C:C1|D:D1"
},
{
"row": 7,
"col": 7,
"value": 0,
"title": "C:C2|D:D1"
},
{
"row": 8,
"col": 6,
"value": 0,
"title": "C:C1|D:D2"
},
{
"row": 8,
"col": 7,
"value": 0,
"title": "C:C2|D:D2"
},
{
"row": 9,
"col": 6,
"value": 0,
"title": "C:C1|E:E1"
},
{
"row": 9,
"col": 7,
"value": 0,
"title": "C:C2|E:E1"
},
{
"row": 10,
"col": 6,
"value": 0,
"title": "C:C1|E:E2"
},
{
"row": 10,
"col": 7,
"value": 0,
"title": "C:C2|E:E2"
},
{
"row": 11,
"col": 6,
"value": 0,
"title": "C:C1|F:F1"
},
{
"row": 11,
"col": 7,
"value": 0,
"title": "C:C2|F:F1"
},
{
"row": 12,
"col": 6,
"value": 0,
"title": "C:C1|F:F2"
},
{
"row": 12,
"col": 7,
"value": 0,
"title": "C:C2|F:F2"
},
{
"row": 13,
"col": 6,
"value": 0,
"title": "C:C1|G:G1"
},
{
"row": 13,
"col": 7,
"value": 0,
"title": "C:C2|G:G1"
},
{
"row": 14,
"col": 6,
"value": 0,
"title": "C:C1|G:G2"
},
{
"row": 14,
"col": 7,
"value": 0,
"title": "C:C2|G:G2"
},
{
"row": 15,
"col": 6,
"value": 0,
"title": "C:C1|G:G3"
},
{
"row": 15,
"col": 7,
"value": 0,
"title": "C:C2|G:G3"
},
{
"row": 16,
"col": 6,
"value": 0,
"title": "C:C1|H:H1"
},
{
"row": 16,
"col": 7,
"value": 0,
"title": "C:C2|H:H1"
},
{
"row": 17,
"col": 6,
"value": 0,
"title": "C:C1|H:H2"
},
{
"row": 17,
"col": 7,
"value": 0,
"title": "C:C2|H:H2"
},
{
"row": 18,
"col": 6,
"value": 0,
"title": "C:C1|H:H3"
},
{
"row": 18,
"col": 7,
"value": 0,
"title": "C:C2|H:H3"
},
{
"row": 19,
"col": 6,
"value": 0,
"title": "C:C1|I:I1"
},
{
"row": 19,
"col": 7,
"value": 0,
"title": "C:C2|I:I1"
},
{
"row": 20,
"col": 6,
"value": 0,
"title": "C:C1|I:I2"
},
{
"row": 20,
"col": 7,
"value": 0,
"title": "C:C2|I:I2"
},
{
"row": 9,
"col": 8,
"value": 0,
"title": "D:D1|E:E1"
},
{
"row": 9,
"col": 9,
"value": 0,
"title": "D:D2|E:E1"
},
{
"row": 10,
"col": 8,
"value": 0,
"title": "D:D1|E:E2"
},
{
"row": 10,
"col": 9,
"value": 0,
"title": "D:D2|E:E2"
},
{
"row": 11,
"col": 8,
"value": 0,
"title": "D:D1|F:F1"
},
{
"row": 11,
"col": 9,
"value": 0,
"title": "D:D2|F:F1"
},
{
"row": 12,
"col": 8,
"value": 0,
"title": "D:D1|F:F2"
},
{
"row": 12,
"col": 9,
"value": 0,
"title": "D:D2|F:F2"
},
{
"row": 13,
"col": 8,
"value": 0,
"title": "D:D1|G:G1"
},
{
"row": 13,
"col": 9,
"value": 0,
"title": "D:D2|G:G1"
},
{
"row": 14,
"col": 8,
"value": 0,
"title": "D:D1|G:G2"
},
{
"row": 14,
"col": 9,
"value": 0,
"title": "D:D2|G:G2"
},
{
"row": 15,
"col": 8,
"value": 0,
"title": "D:D1|G:G3"
},
{
"row": 15,
"col": 9,
"value": 0,
"title": "D:D2|G:G3"
},
{
"row": 16,
"col": 8,
"value": 0,
"title": "D:D1|H:H1"
},
{
"row": 16,
"col": 9,
"value": 0,
"title": "D:D2|H:H1"
},
{
"row": 17,
"col": 8,
"value": 0,
"title": "D:D1|H:H2"
},
{
"row": 17,
"col": 9,
"value": 0,
"title": "D:D2|H:H2"
},
{
"row": 18,
"col": 8,
"value": 0,
"title": "D:D1|H:H3"
},
{
"row": 18,
"col": 9,
"value": 0,
"title": "D:D2|H:H3"
},
{
"row": 19,
"col": 8,
"value": 0,
"title": "D:D1|I:I1"
},
{
"row": 19,
"col": 9,
"value": 0,
"title": "D:D2|I:I1"
},
{
"row": 20,
"col": 8,
"value": 0,
"title": "D:D1|I:I2"
},
{
"row": 20,
"col": 9,
"value": 0,
"title": "D:D2|I:I2"
},
{
"row": 11,
"col": 10,
"value": 0,
"title": "E:E1|F:F1"
},
{
"row": 11,
"col": 11,
"value": 0,
"title": "E:E2|F:F1"
},
{
"row": 12,
"col": 10,
"value": 0,
"title": "E:E1|F:F2"
},
{
"row": 12,
"col": 11,
"value": 0,
"title": "E:E2|F:F2"
},
{
"row": 13,
"col": 10,
"value": 0,
"title": "E:E1|G:G1"
},
{
"row": 13,
"col": 11,
"value": 0,
"title": "E:E2|G:G1"
},
{
"row": 14,
"col": 10,
"value": 0,
"title": "E:E1|G:G2"
},
{
"row": 14,
"col": 11,
"value": 0,
"title": "E:E2|G:G2"
},
{
"row": 15,
"col": 10,
"value": 0,
"title": "E:E1|G:G3"
},
{
"row": 15,
"col": 11,
"value": 0,
"title": "E:E2|G:G3"
},
{
"row": 16,
"col": 10,
"value": 0,
"title": "E:E1|H:H1"
},
{
"row": 16,
"col": 11,
"value": 0,
"title": "E:E2|H:H1"
},
{
"row": 17,
"col": 10,
"value": 0,
"title": "E:E1|H:H2"
},
{
"row": 17,
"col": 11,
"value": 0,
"title": "E:E2|H:H2"
},
{
"row": 18,
"col": 10,
"value": 0,
"title": "E:E1|H:H3"
},
{
"row": 18,
"col": 11,
"value": 0,
"title": "E:E2|H:H3"
},
{
"row": 19,
"col": 10,
"value": 0,
"title": "E:E1|I:I1"
},
{
"row": 19,
"col": 11,
"value": 0,
"title": "E:E2|I:I1"
},
{
"row": 20,
"col": 10,
"value": 0,
"title": "E:E1|I:I2"
},
{
"row": 20,
"col": 11,
"value": 0,
"title": "E:E2|I:I2"
},
{
"row": 13,
"col": 12,
"value": 0,
"title": "F:F1|G:G1"
},
{
"row": 13,
"col": 13,
"value": 0,
"title": "F:F2|G:G1"
},
{
"row": 14,
"col": 12,
"value": 0,
"title": "F:F1|G:G2"
},
{
"row": 14,
"col": 13,
"value": 0,
"title": "F:F2|G:G2"
},
{
"row": 15,
"col": 12,
"value": 0,
"title": "F:F1|G:G3"
},
{
"row": 15,
"col": 13,
"value": 0,
"title": "F:F2|G:G3"
},
{
"row": 16,
"col": 12,
"value": 0,
"title": "F:F1|H:H1"
},
{
"row": 16,
"col": 13,
"value": 0,
"title": "F:F2|H:H1"
},
{
"row": 17,
"col": 12,
"value": 0,
"title": "F:F1|H:H2"
},
{
"row": 17,
"col": 13,
"value": 0,
"title": "F:F2|H:H2"
},
{
"row": 18,
"col": 12,
"value": 0,
"title": "F:F1|H:H3"
},
{
"row": 18,
"col": 13,
"value": 0,
"title": "F:F2|H:H3"
},
{
"row": 19,
"col": 12,
"value": 0,
"title": "F:F1|I:I1"
},
{
"row": 19,
"col": 13,
"value": 0,
"title": "F:F2|I:I1"
},
{
"row": 20,
"col": 12,
"value": 0,
"title": "F:F1|I:I2"
},
{
"row": 20,
"col": 13,
"value": 0,
"title": "F:F2|I:I2"
},
{
"row": 16,
"col": 14,
"value": 0,
"title": "G:G1|H:H1"
},
{
"row": 16,
"col": 15,
"value": 0,
"title": "G:G2|H:H1"
},
{
"row": 16,
"col": 16,
"value": 0,
"title": "G:G3|H:H1"
},
{
"row": 17,
"col": 14,
"value": 0,
"title": "G:G1|H:H2"
},
{
"row": 17,
"col": 15,
"value": 0,
"title": "G:G2|H:H2"
},
{
"row": 17,
"col": 16,
"value": 0,
"title": "G:G3|H:H2"
},
{
"row": 18,
"col": 14,
"value": 0,
"title": "G:G1|H:H3"
},
{
"row": 18,
"col": 15,
"value": 0,
"title": "G:G2|H:H3"
},
{
"row": 18,
"col": 16,
"value": 0,
"title": "G:G3|H:H3"
},
{
"row": 19,
"col": 14,
"value": 0,
"title": "G:G1|I:I1"
},
{
"row": 19,
"col": 15,
"value": 0,
"title": "G:G2|I:I1"
},
{
"row": 19,
"col": 16,
"value": 0,
"title": "G:G3|I:I1"
},
{
"row": 20,
"col": 14,
"value": 0,
"title": "G:G1|I:I2"
},
{
"row": 20,
"col": 15,
"value": 0,
"title": "G:G2|I:I2"
},
{
"row": 20,
"col": 16,
"value": 0,
"title": "G:G3|I:I2"
},
{
"row": 19,
"col": 17,
"value": 0,
"title": "H:H1|I:I1"
},
{
"row": 19,
"col": 18,
"value": 0,
"title": "H:H2|I:I1"
},
{
"row": 19,
"col": 19,
"value": 0,
"title": "H:H3|I:I1"
},
{
"row": 20,
"col": 17,
"value": 0,
"title": "H:H1|I:I2"
},
{
"row": 20,
"col": 18,
"value": 0,
"title": "H:H2|I:I2"
},
{
"row": 20,
"col": 19,
"value": 0,
"title": "H:H3|I:I2"
}
],
"ccmLookup": [
{
"pair": "A:A1|B:B1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|B:B2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|B:B3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|C:C1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|C:C2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|D:D1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|D:D2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|E:E1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|E:E2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "A:A1|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|C:C1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|C:C2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|D:D1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|D:D2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|E:E1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|E:E2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B1|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|C:C1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|C:C2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|D:D1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|D:D2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|E:E1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|E:E2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B2|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|C:C1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|C:C2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|D:D1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|D:D2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|E:E1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|E:E2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "B:B3|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|D:D1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|D:D2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|E:E1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|E:E2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C1|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|D:D1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|D:D2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|E:E1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|E:E2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "C:C2|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|E:E1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|E:E2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D1|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|E:E1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|E:E2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "D:D2|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E1|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|F:F1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|F:F2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "E:E2|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F1|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F1|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F1|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F1|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F1|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F1|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F1|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F1|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F2|G:G1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F2|G:G2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F2|G:G3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F2|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F2|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F2|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F2|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "F:F2|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G1|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G1|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G1|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G1|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G1|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G2|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G2|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G2|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G2|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G2|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G3|H:H1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G3|H:H2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G3|H:H3",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G3|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "G:G3|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "H:H1|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "H:H1|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "H:H2|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "H:H2|I:I2",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "H:H3|I:I1",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "H:H3|I:I2",
"state": "Y",
"rationale": "No Rationale"
}
],
"nodeData": {
"name": "TOPICS",
"children": [
{
"name": "A",
"children": [
{
"name": "A1",
"children": [
{
"name": "A1A",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L1",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "A1B",
"children": [
{
"name": "DF2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L3",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "A1C",
"children": [
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M17",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF7",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "A1D",
"children": [
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
},
{
"name": "B",
"children": [
{
"name": "B1",
"children": [
{
"name": "B1A",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M7",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M8",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L5",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "B1B",
"children": [
{
"name": "M2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "B1C",
"children": [
{
"name": "D7",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "B2",
"children": [
{
"name": "B2A",
"children": [
{
"name": "M2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "B2B",
"children": [
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M10",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M17",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF4",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "B3",
"children": [
{
"name": "B3A",
"children": [
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M17",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "B3B",
"children": [
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M10",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M17",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
},
{
"name": "C",
"children": [
{
"name": "C1",
"children": [
{
"name": "C1A",
"children": [
{
"name": "M12",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "C1B",
"children": [
{
"name": "M11",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D5",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "C1C",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M14",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M15",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L3",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "C2",
"children": [
{
"name": "C2A",
"children": [
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M12",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "C2B",
"children": [
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "C2C",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M14",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M15",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L2",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
},
{
"name": "D",
"children": [
{
"name": "D1",
"children": [
{
"name": "D1A",
"children": [
{
"name": "D2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF6",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "D1B",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M15",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "D1C",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M7",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D7",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L5",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "D2",
"children": [
{
"name": "D2A",
"children": [
{
"name": "M2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M10",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M12",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M14",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "MD2",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "D2B",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M7",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L5",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
},
{
"name": "E",
"children": [
{
"name": "E1",
"children": [
{
"name": "E1A",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M14",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M15",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "E1B",
"children": [
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M14",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M15",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L3",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "E1C",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M7",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "E2",
"children": [
{
"name": "E2A",
"children": [
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
},
{
"name": "F",
"children": [
{
"name": "F1",
"children": [
{
"name": "F1A",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M14",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M15",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "F1B",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF4",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "F1C",
"children": [
{
"name": "D2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF6",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "F2",
"children": [
{
"name": "F2A",
"children": [
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M14",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M15",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "F2B",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M7",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M15",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "F2C",
"children": [
{
"name": "M2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "F2D",
"children": [
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
},
{
"name": "G",
"children": [
{
"name": "G1",
"children": [
{
"name": "G1A",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M8",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L4",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "G1B",
"children": [
{
"name": "M3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF8",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L4",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "G2",
"children": [
{
"name": "G2A",
"children": [
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L6",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "G2B",
"children": [
{
"name": "M3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "MD1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L1",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "G3",
"children": [
{
"name": "G3A",
"children": [
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M17",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
},
{
"name": "H",
"children": [
{
"name": "H1",
"children": [
{
"name": "H1A",
"children": [
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M17",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "H2",
"children": [
{
"name": "H2A",
"children": [
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L6",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "H3",
"children": [
{
"name": "H3A",
"children": [
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L2",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "H3B",
"children": [
{
"name": "M3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M8",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M10",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "MD1",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
},
{
"name": "I",
"children": [
{
"name": "I1",
"children": [
{
"name": "I1A",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M7",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M8",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "L5",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "I1B",
"children": [
{
"name": "M2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M9",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M10",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M13",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M14",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M16",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M17",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "MD2",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF8",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "I1C",
"children": [
{
"name": "M1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M5",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M14",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "M15",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "I2",
"children": [
{
"name": "I2A",
"children": [
{
"name": "M4",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "MD1",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D6",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D8",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "D9",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "I2B",
"children": [
{
"name": "M3",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "DF8",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
}
]
},
"numCols": 26,
"numRows": 27
}
Raw
wheelOfFruitBlank.txt
{
"ccmData": [
{
"row": 0,
"col": 2,
"value": "Fruit"
},
{
"row": 1,
"col": 2,
"value": "Apple"
},
{
"row": 0,
"col": 3,
"value": "Fruit"
},
{
"row": 1,
"col": 3,
"value": "Banana"
},
{
"row": 0,
"col": 4,
"value": "Fruit"
},
{
"row": 1,
"col": 4,
"value": "Raspberry"
},
{
"row": 0,
"col": 5,
"value": "Fruit"
},
{
"row": 1,
"col": 5,
"value": "Blackberry"
},
{
"row": 0,
"col": 6,
"value": "Colour"
},
{
"row": 1,
"col": 6,
"value": "Red"
},
{
"row": 0,
"col": 7,
"value": "Colour"
},
{
"row": 1,
"col": 7,
"value": "Green"
},
{
"row": 0,
"col": 8,
"value": "Colour"
},
{
"row": 1,
"col": 8,
"value": "Yellow"
},
{
"row": 0,
"col": 9,
"value": "Colour"
},
{
"row": 1,
"col": 9,
"value": "Blue"
},
{
"row": 0,
"col": 10,
"value": "Colour"
},
{
"row": 1,
"col": 10,
"value": "Black"
},
{
"row": 2,
"col": 0,
"value": "Colour"
},
{
"row": 2,
"col": 1,
"value": "Red"
},
{
"row": 3,
"col": 0,
"value": "Colour"
},
{
"row": 3,
"col": 1,
"value": "Green"
},
{
"row": 4,
"col": 0,
"value": "Colour"
},
{
"row": 4,
"col": 1,
"value": "Yellow"
},
{
"row": 5,
"col": 0,
"value": "Colour"
},
{
"row": 5,
"col": 1,
"value": "Blue"
},
{
"row": 6,
"col": 0,
"value": "Colour"
},
{
"row": 6,
"col": 1,
"value": "Black"
},
{
"row": 7,
"col": 0,
"value": "Shape"
},
{
"row": 7,
"col": 1,
"value": "Round"
},
{
"row": 8,
"col": 0,
"value": "Shape"
},
{
"row": 8,
"col": 1,
"value": "Stick"
},
{
"row": 2,
"col": 2,
"value": 0,
"title": "Colour:Red|Fruit:Apple"
},
{
"row": 2,
"col": 3,
"value": 0,
"title": "Colour:Red|Fruit:Banana"
},
{
"row": 2,
"col": 4,
"value": 0,
"title": "Colour:Red|Fruit:Raspberry"
},
{
"row": 2,
"col": 5,
"value": 0,
"title": "Colour:Red|Fruit:Blackberry"
},
{
"row": 3,
"col": 2,
"value": 0,
"title": "Colour:Green|Fruit:Apple"
},
{
"row": 3,
"col": 3,
"value": 0,
"title": "Colour:Green|Fruit:Banana"
},
{
"row": 3,
"col": 4,
"value": 0,
"title": "Colour:Green|Fruit:Raspberry"
},
{
"row": 3,
"col": 5,
"value": 0,
"title": "Colour:Green|Fruit:Blackberry"
},
{
"row": 4,
"col": 2,
"value": 0,
"title": "Colour:Yellow|Fruit:Apple"
},
{
"row": 4,
"col": 3,
"value": 0,
"title": "Colour:Yellow|Fruit:Banana"
},
{
"row": 4,
"col": 4,
"value": 0,
"title": "Colour:Yellow|Fruit:Raspberry"
},
{
"row": 4,
"col": 5,
"value": 0,
"title": "Colour:Yellow|Fruit:Blackberry"
},
{
"row": 5,
"col": 2,
"value": 0,
"title": "Colour:Blue|Fruit:Apple"
},
{
"row": 5,
"col": 3,
"value": 0,
"title": "Colour:Blue|Fruit:Banana"
},
{
"row": 5,
"col": 4,
"value": 0,
"title": "Colour:Blue|Fruit:Raspberry"
},
{
"row": 5,
"col": 5,
"value": 0,
"title": "Colour:Blue|Fruit:Blackberry"
},
{
"row": 6,
"col": 2,
"value": 0,
"title": "Colour:Black|Fruit:Apple"
},
{
"row": 6,
"col": 3,
"value": 0,
"title": "Colour:Black|Fruit:Banana"
},
{
"row": 6,
"col": 4,
"value": 0,
"title": "Colour:Black|Fruit:Raspberry"
},
{
"row": 6,
"col": 5,
"value": 0,
"title": "Colour:Black|Fruit:Blackberry"
},
{
"row": 7,
"col": 2,
"value": 0,
"title": "Fruit:Apple|Shape:Round"
},
{
"row": 7,
"col": 3,
"value": 0,
"title": "Fruit:Banana|Shape:Round"
},
{
"row": 7,
"col": 4,
"value": 0,
"title": "Fruit:Raspberry|Shape:Round"
},
{
"row": 7,
"col": 5,
"value": 0,
"title": "Fruit:Blackberry|Shape:Round"
},
{
"row": 8,
"col": 2,
"value": 0,
"title": "Fruit:Apple|Shape:Stick"
},
{
"row": 8,
"col": 3,
"value": 0,
"title": "Fruit:Banana|Shape:Stick"
},
{
"row": 8,
"col": 4,
"value": 0,
"title": "Fruit:Raspberry|Shape:Stick"
},
{
"row": 8,
"col": 5,
"value": 0,
"title": "Fruit:Blackberry|Shape:Stick"
},
{
"row": 7,
"col": 6,
"value": 0,
"title": "Colour:Red|Shape:Round"
},
{
"row": 7,
"col": 7,
"value": 0,
"title": "Colour:Green|Shape:Round"
},
{
"row": 7,
"col": 8,
"value": 0,
"title": "Colour:Yellow|Shape:Round"
},
{
"row": 7,
"col": 9,
"value": 0,
"title": "Colour:Blue|Shape:Round"
},
{
"row": 7,
"col": 10,
"value": 0,
"title": "Colour:Black|Shape:Round"
},
{
"row": 8,
"col": 6,
"value": 0,
"title": "Colour:Red|Shape:Stick"
},
{
"row": 8,
"col": 7,
"value": 0,
"title": "Colour:Green|Shape:Stick"
},
{
"row": 8,
"col": 8,
"value": 0,
"title": "Colour:Yellow|Shape:Stick"
},
{
"row": 8,
"col": 9,
"value": 0,
"title": "Colour:Blue|Shape:Stick"
},
{
"row": 8,
"col": 10,
"value": 0,
"title": "Colour:Black|Shape:Stick"
}
],
"ccmLookup": [
{
"pair": "Colour:Black|Fruit:Apple",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Fruit:Banana",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Fruit:Blackberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Fruit:Raspberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Fruit:Apple",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Fruit:Banana",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Fruit:Blackberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Fruit:Raspberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Fruit:Apple",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Fruit:Banana",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Fruit:Blackberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Fruit:Raspberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Fruit:Apple",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Fruit:Banana",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Fruit:Blackberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Fruit:Raspberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Fruit:Apple",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Fruit:Banana",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Fruit:Blackberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Fruit:Raspberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Apple|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Apple|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Banana|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Banana|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Blackberry|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Blackberry|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Raspberry|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Raspberry|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
}
],
"nodeData": {
"name": "TOPICS",
"children": [
{
"name": "Fruit",
"children": [
{
"name": "Apple",
"children": [
{
"name": "Granny Smith",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Braeburn",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Granny Smith",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Red Delicious",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
],
"title": "Some descriptive text for the tooltip"
},
{
"name": "Banana",
"children": [
{
"name": "Unripe",
"size": 1
},
{
"name": "Ripe",
"size": 1
},
{
"name": "Passed it",
"size": 1
}
]
},
{
"name": "Raspberry",
"children": [
{
"name": "Immature",
"size": 1
},
{
"name": "Ripe Raspberry",
"size": 1
},
{
"name": "Blown Raspberry",
"size": 1
}
]
},
{
"name": "Blackberry",
"children": [
{
"name": "Immature",
"size": 1
},
{
"name": "Ripe Blackberry",
"size": 1
},
{
"name": "Blown Blackberry",
"size": 1
}
]
}
]
},
{
"name": "Colour",
"children": [
{
"name": "Red",
"children": [
{
"name": "Postbox",
"size": 1
},
{
"name": "Bright",
"size": 1
},
{
"name": "Rose",
"size": 1
}
]
},
{
"name": "Green",
"children": [
{
"name": "Grass",
"size": 1
},
{
"name": "Puce",
"size": 1
},
{
"name": "Conifer",
"size": 1
}
]
},
{
"name": "Yellow",
"children": [
{
"name": "Corn",
"size": 1
},
{
"name": "Custard",
"size": 1
},
{
"name": "Pale",
"size": 1
}
]
},
{
"name": "Blue",
"children": [
{
"name": "Cornflour",
"size": 1
},
{
"name": "Cyan",
"size": 1
},
{
"name": "Ocean",
"size": 1
},
{
"name": "Navy",
"size": 1
}
]
},
{
"name": "Black",
"children": [
{
"name": "Bit Black",
"size": 1
},
{
"name": "Proper Black",
"size": 1
}
]
}
]
},
{
"name": "Shape",
"children": [
{
"name": "Round",
"children": [
{
"name": "Bobbly",
"size": 1
},
{
"name": "Smooth",
"size": 1
}
]
},
{
"name": "Stick",
"children": [
{
"name": "Straight",
"size": 1
},
{
"name": "Bendy",
"size": 1
}
]
}
]
}
]
},
"numCols": 11,
"numRows": 9
}
Raw
wheelOfFruitComplete.txt
{
"ccmData": [
{
"row": 0,
"col": 2,
"value": "Fruit"
},
{
"row": 1,
"col": 2,
"value": "Apple"
},
{
"row": 0,
"col": 3,
"value": "Fruit"
},
{
"row": 1,
"col": 3,
"value": "Banana"
},
{
"row": 0,
"col": 4,
"value": "Fruit"
},
{
"row": 1,
"col": 4,
"value": "Raspberry"
},
{
"row": 0,
"col": 5,
"value": "Fruit"
},
{
"row": 1,
"col": 5,
"value": "Blackberry"
},
{
"row": 0,
"col": 6,
"value": "Colour"
},
{
"row": 1,
"col": 6,
"value": "Red"
},
{
"row": 0,
"col": 7,
"value": "Colour"
},
{
"row": 1,
"col": 7,
"value": "Green"
},
{
"row": 0,
"col": 8,
"value": "Colour"
},
{
"row": 1,
"col": 8,
"value": "Yellow"
},
{
"row": 0,
"col": 9,
"value": "Colour"
},
{
"row": 1,
"col": 9,
"value": "Blue"
},
{
"row": 0,
"col": 10,
"value": "Colour"
},
{
"row": 1,
"col": 10,
"value": "Black"
},
{
"row": 2,
"col": 0,
"value": "Colour"
},
{
"row": 2,
"col": 1,
"value": "Red"
},
{
"row": 3,
"col": 0,
"value": "Colour"
},
{
"row": 3,
"col": 1,
"value": "Green"
},
{
"row": 4,
"col": 0,
"value": "Colour"
},
{
"row": 4,
"col": 1,
"value": "Yellow"
},
{
"row": 5,
"col": 0,
"value": "Colour"
},
{
"row": 5,
"col": 1,
"value": "Blue"
},
{
"row": 6,
"col": 0,
"value": "Colour"
},
{
"row": 6,
"col": 1,
"value": "Black"
},
{
"row": 7,
"col": 0,
"value": "Shape"
},
{
"row": 7,
"col": 1,
"value": "Round"
},
{
"row": 8,
"col": 0,
"value": "Shape"
},
{
"row": 8,
"col": 1,
"value": "Stick"
},
{
"row": 2,
"col": 2,
"value": 0,
"title": "Colour:Red|Fruit:Apple"
},
{
"row": 2,
"col": 3,
"value": 1,
"title": "Colour:Red|Fruit:Banana"
},
{
"row": 2,
"col": 4,
"value": 0,
"title": "Colour:Red|Fruit:Raspberry"
},
{
"row": 2,
"col": 5,
"value": 1,
"title": "Colour:Red|Fruit:Blackberry"
},
{
"row": 3,
"col": 2,
"value": 0,
"title": "Colour:Green|Fruit:Apple"
},
{
"row": 3,
"col": 3,
"value": 0,
"title": "Colour:Green|Fruit:Banana"
},
{
"row": 3,
"col": 4,
"value": 0,
"title": "Colour:Green|Fruit:Raspberry"
},
{
"row": 3,
"col": 5,
"value": 1,
"title": "Colour:Green|Fruit:Blackberry"
},
{
"row": 4,
"col": 2,
"value": 0,
"title": "Colour:Yellow|Fruit:Apple"
},
{
"row": 4,
"col": 3,
"value": 0,
"title": "Colour:Yellow|Fruit:Banana"
},
{
"row": 4,
"col": 4,
"value": 1,
"title": "Colour:Yellow|Fruit:Raspberry"
},
{
"row": 4,
"col": 5,
"value": 1,
"title": "Colour:Yellow|Fruit:Blackberry"
},
{
"row": 5,
"col": 2,
"value": 1,
"title": "Colour:Blue|Fruit:Apple"
},
{
"row": 5,
"col": 3,
"value": 1,
"title": "Colour:Blue|Fruit:Banana"
},
{
"row": 5,
"col": 4,
"value": 1,
"title": "Colour:Blue|Fruit:Raspberry"
},
{
"row": 5,
"col": 5,
"value": 0,
"title": "Colour:Blue|Fruit:Blackberry"
},
{
"row": 6,
"col": 2,
"value": 1,
"title": "Colour:Black|Fruit:Apple"
},
{
"row": 6,
"col": 3,
"value": 0,
"title": "Colour:Black|Fruit:Banana"
},
{
"row": 6,
"col": 4,
"value": 1,
"title": "Colour:Black|Fruit:Raspberry"
},
{
"row": 6,
"col": 5,
"value": 0,
"title": "Colour:Black|Fruit:Blackberry"
},
{
"row": 7,
"col": 2,
"value": 0,
"title": "Fruit:Apple|Shape:Round"
},
{
"row": 7,
"col": 3,
"value": 1,
"title": "Fruit:Banana|Shape:Round"
},
{
"row": 7,
"col": 4,
"value": 0,
"title": "Fruit:Raspberry|Shape:Round"
},
{
"row": 7,
"col": 5,
"value": 0,
"title": "Fruit:Blackberry|Shape:Round"
},
{
"row": 8,
"col": 2,
"value": 1,
"title": "Fruit:Apple|Shape:Stick"
},
{
"row": 8,
"col": 3,
"value": 0,
"title": "Fruit:Banana|Shape:Stick"
},
{
"row": 8,
"col": 4,
"value": 1,
"title": "Fruit:Raspberry|Shape:Stick"
},
{
"row": 8,
"col": 5,
"value": 1,
"title": "Fruit:Blackberry|Shape:Stick"
},
{
"row": 7,
"col": 6,
"value": 0,
"title": "Colour:Red|Shape:Round"
},
{
"row": 7,
"col": 7,
"value": 0,
"title": "Colour:Green|Shape:Round"
},
{
"row": 7,
"col": 8,
"value": 0,
"title": "Colour:Yellow|Shape:Round"
},
{
"row": 7,
"col": 9,
"value": 0,
"title": "Colour:Blue|Shape:Round"
},
{
"row": 7,
"col": 10,
"value": 0,
"title": "Colour:Black|Shape:Round"
},
{
"row": 8,
"col": 6,
"value": 0,
"title": "Colour:Red|Shape:Stick"
},
{
"row": 8,
"col": 7,
"value": 0,
"title": "Colour:Green|Shape:Stick"
},
{
"row": 8,
"col": 8,
"value": 0,
"title": "Colour:Yellow|Shape:Stick"
},
{
"row": 8,
"col": 9,
"value": 0,
"title": "Colour:Blue|Shape:Stick"
},
{
"row": 8,
"col": 10,
"value": 0,
"title": "Colour:Black|Shape:Stick"
}
],
"ccmLookup": [
{
"pair": "Colour:Black|Fruit:Apple",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Fruit:Banana",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Fruit:Blackberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Fruit:Raspberry",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Black|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Fruit:Apple",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Fruit:Banana",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Fruit:Blackberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Fruit:Raspberry",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Blue|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Fruit:Apple",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Fruit:Banana",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Fruit:Blackberry",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Fruit:Raspberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Green|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Fruit:Apple",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Fruit:Banana",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Fruit:Blackberry",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Fruit:Raspberry",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Red|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Fruit:Apple",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Fruit:Banana",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Fruit:Blackberry",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Fruit:Raspberry",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Colour:Yellow|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Apple|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Apple|Shape:Stick",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Banana|Shape:Round",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Banana|Shape:Stick",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Blackberry|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Blackberry|Shape:Stick",
"state": "N",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Raspberry|Shape:Round",
"state": "Y",
"rationale": "No Rationale"
},
{
"pair": "Fruit:Raspberry|Shape:Stick",
"state": "N",
"rationale": "No Rationale"
}
],
"nodeData": {
"name": "TOPICS",
"children": [
{
"name": "Fruit",
"children": [
{
"name": "Apple",
"children": [
{
"name": "Granny Smith",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Braeburn",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Granny Smith",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Red Delicious",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
],
"title": "Some descriptive text for the tooltip"
},
{
"name": "Banana",
"children": [
{
"name": "Unripe",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Ripe",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Passed it",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "Raspberry",
"children": [
{
"name": "Immature",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Ripe Raspberry",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Blown Raspberry",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "Blackberry",
"children": [
{
"name": "Immature",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Ripe Blackberry",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Blown Blackberry",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "Colour",
"children": [
{
"name": "Red",
"children": [
{
"name": "Postbox",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Bright",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Rose",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "Green",
"children": [
{
"name": "Grass",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Puce",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Conifer",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "Yellow",
"children": [
{
"name": "Corn",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Custard",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Pale",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "Blue",
"children": [
{
"name": "Cornflour",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Cyan",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Ocean",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Navy",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "Black",
"children": [
{
"name": "Bit Black",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Proper Black",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
},
{
"name": "Shape",
"children": [
{
"name": "Round",
"children": [
{
"name": "Bobbly",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Smooth",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
},
{
"name": "Stick",
"children": [
{
"name": "Straight",
"size": 1,
"title": "Some descriptive text for the tooltip"
},
{
"name": "Bendy",
"size": 1,
"title": "Some descriptive text for the tooltip"
}
]
}
]
}
]
},
"numCols": 11,
"numRows": 9
}
Raw
wod.js
var totalsize = 0;
// var nodeData = JSON.parse(inputData); //nodeData loaded in html. usual json loading requires Jupyter or webserver (CORS)
var ccmData = [];
var ccmLookup = [];
var selectedWodSegments = [];
var numRows = 0;
var numCols = 0;
//Select colour scheme for sunburst diagram. The shortlist is d3.schemeCategory10, schemePastel1, schemePaired
var color = d3.scaleOrdinal(d3.schemeOranges[9]);
const wodInitialOpacity = 0.4;
const wodSelectedOpacity = 1.0;
const wodFadedOpacity = 0.1;
const wodDiv = document.getElementById("wod");
const ccmDiv = document.getElementById("ccm");
const viewToggleBtn = document.getElementById("viewToggleBtn");
//Set size of chart
var width = 1000;
var height = 1000;
var radius = Math.min(width, height) / 2;
//Add WoD placeholder to page
var gWod = d3.select("#wod")
.append('svg')
.attr("width", width)
.attr("height", height)
.append("g")
.attr("transform", "translate(" + width / 2 +"," + height / 2 +")");
//Add CCM placeholder to page
var gCcm = d3.select("#ccm")
.append('svg')
.attr("width",width)
.attr("height",height)
.append('g')
.attr("transform", "translate(" + 10 +"," + 10 +")");
createCcmData();
viewTogglePressed();
//Switch between WoD and CCM view. This function is triggered by clicking button id=viewToggleBtn
function viewTogglePressed(){
if(getComputedStyle(wodDiv).display == "block"){
drawCcm();
wodDiv.style.display = "none";
ccmDiv.style.display = "block";
viewToggleBtn.innerText = "Show WoD";
} else {
drawWod();
wodDiv.style.display = "block";
ccmDiv.style.display = "none";
viewToggleBtn.innerText = "Show CCM";
}
}
//drawWod(). This may only need to be called once because
//the enter and exit functions of the paths may
//auto-update when the data is updated.
function drawWod(){
console.log("drawWod()");
var partition = d3.partition()
.size([2*Math.PI, radius]);
var root = d3.hierarchy(nodeData)
.each(d => d.current = d)
.sum(function(d){return d.size;});
partition(root);
var arc = d3.arc()
.startAngle(function(d){return d.x0})
.endAngle(function(d){return d.x1})
.innerRadius(function(d){return d.y0})
.outerRadius(function(d){return d.y1});
gWod.selectAll("path").remove();
//Draw the WoD segments
gWod.selectAll("path")
.data(root.descendants())
.enter().append("path")
.attr("display", function(d) {
return d.depth ? null : "none"; //don't display top node in centre of sunburst d.depth=0
})
.attr("d", arc)
.attr("id", function(d){
if(d.parent == null) return;
return d.parent.data.name+":"+d.data.name;
}) //All value names must be unique. What about Yes/No? Maybe use parent/value
.attr("class", "wodSegmentInitial")
.style("stroke", "#fff")
.style("fill", function(d){return color((d.children ? d : d.parent).data.name);})
// .style("opacity", wodInitialOpacity)
.on('click', handleWoDClick)
.append("title")
.text(function(d) {return d.data.title}) //tooltip
.exit().remove();
//Draw the WoD labels for each segment
const label = gWod.append('g')
.attr('text-anchor','middle')
.selectAll('text')
.data(root.descendants())
.join('text')
.attr("dy", "0.35em")
.attr("fill-opacity", d => +labelVisible(d))
.attr("stroke-opacity", d => +labelVisible(d))
.attr("transform", d => labelTransform(d))
.text(d => d.data.name)
.on('click', handleWoDClick);
}
function drawCcm(){
console.log("drawCcm()");
let ccmXscale = d3.scaleLinear()
.domain([0,numCols]) //input
.range([0,width]); //output
let ccmYscale = d3.scaleLinear()
.domain([0,numRows])
.range([0,height]);
gCcm.selectAll('g').remove();
gCcm.selectAll('rect').remove();
gCcm.selectAll('text').remove();
let cells = gCcm.append('g')
.attr('id', 'cells')
.selectAll('empty')
.data(ccmData)
.enter().append('g')
.attr('class','cell');
let rects = cells.append('rect')
.attr('x',function(d) {return ccmXscale(d.col)})
.attr('y', d => ccmYscale(d.row))
.attr('width', width/numCols)
.attr('height',height/numRows)
// .attr("transform", function(d){d.row==0?"rotate(45)":"rotate(-45)"})
.attr('class', function(d){return d.value==1?'ccmOn':'ccmOff';})
.append("title")
.text(function(d) {return d.title}); //tooltip
let cellLabels = cells.append('text')
.attr('x',function(d) {return ccmXscale(d.col)+5})
.attr('y', d => ccmYscale(d.row)+width/(numRows*2)+4)
.text(function(d){return d.value==0?'Y':d.value==1?'N':d.value});
gCcm.selectAll('g.cell')
.on('click',handleCcmClick);
console.log(cells);
console.log(rects);
console.log(cellLabels);
console.log(numCols);
console.log(numRows);
}
//Reset WoD each time this is called i.e. when a WoD segment is clicked on
// Go through all selectedWodSegments array and use ccmLookup to find Yes or No.
function setWodFill(){
let segments = Array.prototype.slice.call(document.getElementById('wod').querySelectorAll('path'));
//Reset to original opacity
segments.forEach(function(segment){
// segment.style.opacity = wodInitialOpacity;
segment.classList.add("wodSegmentInitial");
segment.classList.remove("wodSegmentSelected");
segment.classList.remove("wodSegmentInconsistent");
// console.log(segment);
});
//Selected segments and inconsistencies highlighted.
for(let j=0;j<selectedWodSegments.length;j++){
let uniqueName = selectedWodSegments[j];
let selectedSegment = document.getElementById(uniqueName)
// selectedSegment.style.opacity = wodSelectedOpacity;
selectedSegment.classList.remove("wodSegmentInitial");
selectedSegment.classList.add("wodSegmentSelected");
selectedSegment.classList.remove("wodSegmentInconsistent");
for(let i=0;i<ccmLookup.length;i++){
if(ccmLookup[i].state == "N"){
if(ccmLookup[i].pair.includes(uniqueName)){
let inconsistentSegmentName = ccmLookup[i].pair.replace(uniqueName,"").replace("|","");
let affectedSegment = document.getElementById(inconsistentSegmentName);
// affectedSegment.style.opacity = wodFadedOpacity;
affectedSegment.classList.remove("wodSegmentInitial");
affectedSegment.classList.remove("wodSegmentSelected");
affectedSegment.classList.add("wodSegmentInconsistent");
}
}
}
}
}
//use this to respond to a click of a WoD segment
function handleWoDClick(d,i){
let uniqueName = d.parent.data.name+":"+d.data.name;
//Array of uniqueNames of selected WoD segments click toggle add/remove.
if(selectedWodSegments.includes(uniqueName)){
let index = selectedWodSegments.indexOf(uniqueName);
if(index>-1) selectedWodSegments.splice(index,1);
} else {
selectedWodSegments.push(d.parent.data.name+":"+d.data.name);
}
setWodFill();
}
function handleCcmClick(d,i){
let clickedText = d3.select(this).select('text');
let clickedRect = d3.select(this).select('rect');
let clickedItem = getByCcmRowCol(ccmData,d.row,d.col);
console.log("CCM "+d.title+" clicked");
clickedItem.value == 0?1:0; //toggle ccmData.value between 0 and 1
clickedItem = getByCcmPair(ccmLookup, d.title); //Look up cell in ccmLookup
clickedItem.state=="N"?clickedItem.state="Y":clickedItem.state="N"; //Toggle ccmLookup.state between Y or N
//This is where to put the rationale window trigger.
//clickedItem.rationale = someUserInput;
clickedRect
.classed('ccmOff', !clickedRect.classed('ccmOff'))
.classed('ccmOn', !clickedRect.classed('ccmOn'));
d.value = 1-d.value;
clickedText.text(d.value==1?'N':"Y");
}
function getByCcmRowCol(arr, row, col){
for(let i=0;i<arr.length;i++){
if(arr[i].row==row){
if(arr[i].col==col){
return arr[i];
}
}
}
}
function getByCcmPair(arr, value){
for (let i=0; i<arr.length; i++){
if(arr[i].pair == value) return arr[i];
}
}
//Used in WoD label drawing
function labelVisible(d) {
let ret = d.y1/radius <= 3 && d.y0 > 0 && (d.y1 - d.y0) * (d.x1 - d.x0) > 0.03;
return ret;
}
//Used in WoD label drawing
function labelTransform(d) {
const x = (d.x0 + d.x1) / 2 * 180 / Math.PI;
const y = (d.y0 + d.y1) / 2;// * radius;
//Rotate text around centre of sunburst and then around centre of text label
return `rotate(${x - 90}) translate(${y},0) rotate(${x < 180 ? 0 : 180})`;
}
//Create CCM data from nodeData
function createCcmData(){
let rowCursor = 2;
let colCursor = 2;
let params = nodeData.children;
//Column headers
for(let i=0;i<params.length-1;i++){ //First n-1 param's value count gives number of columns
numCols+=params[i].children.length+1;
}
for(let i=0;i<params.length-1;i++){
let param = params[i];
var values = params[i].children;
// console.log("ParamName:"+param.name);
for(let j=0;j<values.length;j++){
// console.log("Value:"+values[j].name);
ccmData.push({row:0, col:colCursor, value:param.name});
ccmData.push({row:1, col:colCursor, value:values[j].name});
colCursor++;
}
}
//Row headers
for(i=1;i<params.length;i++){ //Last n-1 param's value count gives number of rows
numRows+=params[i].children.length+1;
}
for(let i=1;i<params.length;i++){
let param = params[i];
var values = params[i].children;
for(let j=0;j<values.length;j++){
ccmData.push({row:rowCursor, col:0, value:param.name});
ccmData.push({row:rowCursor, col:1, value:values[j].name});
rowCursor++;
}
}
//Draw cells of CCM matrix, transform nodeData into ccmData structure, create ccmLookup to record inconsistencies
//ccmData is a 2D matrix with only the bottom, left populated.
//ccmLookup is an alphbetacised list containing an entry for each cell in the form {pair: "Param:Value|Param:Value", state:"Y", rationale: "No Rationale"}
colCursor = 2;
rowCursor = 2;
for(let i=0;i<params.length-1;i++){ //paramColGroup
let currentParam = params[i];
for(let j=i+1;j<params.length;j++){ //paramRowGroup
let nextParam = params[j];
for(let k=0;k<nextParam.children.length;k++){ //rows in currentGroup
for(let m=0;m<currentParam.children.length;m++){ //cols in Group
// console.log("i:"+i+" j:"+j+" k:"+k+" m:"+m+" rowCursor:"+rowCursor+" colCursor"+colCursor+" tt:"+currentParam.children[m].name+"|"+nextParam.children[k].name);
let temp = [currentParam.name+":"+currentParam.children[m].name, nextParam.name+":"+nextParam.children[k].name];
temp.sort(); //alphabetic ordering
ccmData.push({row:k+rowCursor, col:m+colCursor, value:0, title:temp.join("|")});
ccmLookup.push({"pair": temp.join("|"),
"state": "Y",
"rationale": "No Rationale"
});
}
}
rowCursor = rowCursor+nextParam.children.length;
}
rowCursor = 2;
for(let n=0;n<=i;n++){
rowCursor = rowCursor+params[n+1].children.length;
}
colCursor = colCursor+currentParam.children.length;
}
ccmLookup.sort(function(a,b){
let x = a.pair.toLowerCase();
let y = b.pair.toLowerCase();
if (x<y) {return -1;}
if (x>y) {return 1;}
return 0;
});
}
function saveFile(){
console.log("Saving file");
const combinedOutput = {'ccmData': ccmData,
'ccmLookup': ccmLookup,
'nodeData': nodeData,
'numCols': numCols,
'numRows': numRows};
console.log('combined: ');
console.log(combinedOutput);
const a = document.createElement('a');
const file = new Blob([JSON.stringify(combinedOutput, null, 4)], {'type':'text/plain'});
console.log(file);
a.href = URL.createObjectURL(file);
a.download = "ccmOut.txt";
a.click();
URL.revokeObjectURL(a.href);
}
function loadFile(){
let txtIn;
console.log("Loading file");
let files = document.getElementById('selectedFile').files;
const reader = new FileReader();
reader.addEventListener('load', (function(event){
txtIn = event.target.result;
let newData = JSON.parse(txtIn);
ccmData.splice(0,ccmData.length, ...newData.ccmData);
ccmLookup.splice(0,ccmData.length, ...newData.ccmLookup);
nodeData = newData.nodeData;
numCols = parseInt(newData.numCols);
numRows = parseInt(newData.numRows);
drawCcm();
drawWod();
}));
if(!files[0]){
console.log('No file to read');
alert("Choose a file!");
} else {
reader.readAsText(files[0]);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment