• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.   <script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
    8.   <style>
    9.     html,
    10.     body {
    11.       margin: 0;
    12.       padding: 0;
    13.       width: 100%;
    14.       height: 100%;
    15.     }
    16.  
    17.     .chart--container {
    18.       min-height: 150px;
    19.       width: 100%;
    20.       height: 100%;
    21.     }
    22.  
    23.     .zc-ref {
    24.       display: none;
    25.     }
    26.   </style>
    27. </head>
    28.  
    29. <body>
    30.   <!-- CHART CONTAINER -->
    31.   <div id="myChart" class="chart--container">
    32.     <a class="zc-ref" href="https://www.zingchart.com/">Powered by ZingChart</a>
    33.   </div>
    34.   <script>
    35.     ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"]; // window:load event for Javascript to run after HTML
    36.     // because this Javascript is injected into the document head
    37.     window.addEventListener('load', () => {
    38.       // Javascript code to execute after DOM content
    39.  
    40.       // data format for sunburst chart
    41.       let chartData = [{
    42.           id: 'flare',
    43.           text: 'flare',
    44.           parent: ''
    45.         },
    46.         {
    47.           id: 'analytics',
    48.           text: 'analytics',
    49.           parent: 'flare'
    50.         },
    51.         {
    52.           id: 'cluster',
    53.           text: 'cluster',
    54.           parent: 'analytics'
    55.         },
    56.         {
    57.           id: 'agglomerativecluster',
    58.           text: 'AgglomerativeCluster',
    59.           parent: 'cluster',
    60.           value: 3938
    61.         },
    62.         {
    63.           id: 'communitystructure',
    64.           text: 'CommunityStructure',
    65.           parent: 'cluster',
    66.           value: 3812
    67.         },
    68.         {
    69.           id: 'hierarchicalcluster',
    70.           text: 'HierarchicalCluster',
    71.           parent: 'cluster',
    72.           value: 6714
    73.         },
    74.         {
    75.           id: 'mergeedge',
    76.           text: 'MergeEdge',
    77.           parent: 'cluster',
    78.           value: 743
    79.         },
    80.         {
    81.           id: 'graph',
    82.           text: 'graph',
    83.           parent: 'analytics'
    84.         },
    85.         {
    86.           id: 'betweennesscentrality',
    87.           text: 'BetweennessCentrality',
    88.           parent: 'graph',
    89.           value: 3534
    90.         },
    91.         {
    92.           id: 'linkdistance',
    93.           text: 'LinkDistance',
    94.           parent: 'graph',
    95.           value: 5731
    96.         },
    97.         {
    98.           id: 'maxflowmincut',
    99.           text: 'MaxFlowMinCut',
    100.           parent: 'graph',
    101.           value: 7840
    102.         },
    103.         {
    104.           id: 'shortestpaths',
    105.           text: 'ShortestPaths',
    106.           parent: 'graph',
    107.           value: 5914
    108.         },
    109.         {
    110.           id: 'spanningtree',
    111.           text: 'SpanningTree',
    112.           parent: 'graph',
    113.           value: 3416
    114.         },
    115.         {
    116.           id: 'optimization',
    117.           text: 'optimization',
    118.           parent: 'analytics'
    119.         },
    120.         {
    121.           id: 'aspectratiobanker',
    122.           text: 'AspectRatioBanker',
    123.           parent: 'optimization',
    124.           value: 7074
    125.         },
    126.         {
    127.           id: 'animate',
    128.           text: 'animate',
    129.           parent: 'flare'
    130.         },
    131.         {
    132.           id: 'easing',
    133.           text: 'Easing',
    134.           parent: 'animate',
    135.           value: 17010
    136.         },
    137.         {
    138.           id: 'functionsequence',
    139.           text: 'FunctionSequence',
    140.           parent: 'animate',
    141.           value: 5842
    142.         },
    143.         {
    144.           id: 'interpolate',
    145.           text: 'interpolate',
    146.           parent: 'animate'
    147.         },
    148.         {
    149.           id: 'arrayinterpolator',
    150.           text: 'ArrayInterpolator',
    151.           parent: 'interpolate',
    152.           value: 1983
    153.         },
    154.         {
    155.           id: 'colorinterpolator',
    156.           text: 'ColorInterpolator',
    157.           parent: 'interpolate',
    158.           value: 2047
    159.         },
    160.         {
    161.           id: 'dateinterpolator',
    162.           text: 'DateInterpolator',
    163.           parent: 'interpolate',
    164.           value: 1375
    165.         },
    166.         {
    167.           id: 'interpolator',
    168.           text: 'Interpolator',
    169.           parent: 'interpolate',
    170.           value: 8746
    171.         },
    172.         {
    173.           id: 'matrixinterpolator',
    174.           text: 'MatrixInterpolator',
    175.           parent: 'interpolate',
    176.           value: 2202
    177.         },
    178.         {
    179.           id: 'numberinterpolator',
    180.           text: 'NumberInterpolator',
    181.           parent: 'interpolate',
    182.           value: 1382
    183.         },
    184.         {
    185.           id: 'objectinterpolator',
    186.           text: 'ObjectInterpolator',
    187.           parent: 'interpolate',
    188.           value: 1629
    189.         },
    190.         {
    191.           id: 'pointinterpolator',
    192.           text: 'PointInterpolator',
    193.           parent: 'interpolate',
    194.           value: 1675
    195.         },
    196.         {
    197.           id: 'rectangleinterpolator',
    198.           text: 'RectangleInterpolator',
    199.           parent: 'interpolate',
    200.           value: 2042
    201.         },
    202.         {
    203.           id: 'ischedulable',
    204.           text: 'ISchedulable',
    205.           parent: 'animate',
    206.           value: 1041
    207.         },
    208.         {
    209.           id: 'parallel',
    210.           text: 'Parallel',
    211.           parent: 'animate',
    212.           value: 5176
    213.         },
    214.         {
    215.           id: 'pause',
    216.           text: 'Pause',
    217.           parent: 'animate',
    218.           value: 449
    219.         },
    220.         {
    221.           id: 'scheduler',
    222.           text: 'Scheduler',
    223.           parent: 'animate',
    224.           value: 5593
    225.         },
    226.         {
    227.           id: 'sequence',
    228.           text: 'Sequence',
    229.           parent: 'animate',
    230.           value: 5534
    231.         },
    232.         {
    233.           id: 'transition',
    234.           text: 'Transition',
    235.           parent: 'animate',
    236.           value: 9201
    237.         },
    238.         {
    239.           id: 'transitioner',
    240.           text: 'Transitioner',
    241.           parent: 'animate',
    242.           value: 19975
    243.         },
    244.         {
    245.           id: 'transitionevent',
    246.           text: 'TransitionEvent',
    247.           parent: 'animate',
    248.           value: 1116
    249.         },
    250.         {
    251.           id: 'tween',
    252.           text: 'Tween',
    253.           parent: 'animate',
    254.           value: 6006
    255.         },
    256.         {
    257.           id: 'data',
    258.           text: 'data',
    259.           parent: 'flare'
    260.         },
    261.         {
    262.           id: 'converters',
    263.           text: 'converters',
    264.           parent: 'data'
    265.         },
    266.         {
    267.           id: 'converters1',
    268.           text: 'Converters',
    269.           parent: 'converters',
    270.           value: 721
    271.         },
    272.         {
    273.           id: 'delimitedtextconverter',
    274.           text: 'DelimitedTextConverter',
    275.           parent: 'converters',
    276.           value: 4294
    277.         },
    278.         {
    279.           id: 'graphmlconverter',
    280.           text: 'GraphMLConverter',
    281.           parent: 'converters',
    282.           value: 9800
    283.         },
    284.         {
    285.           id: 'idataconverter',
    286.           text: 'IDataConverter',
    287.           parent: 'converters',
    288.           value: 1314
    289.         },
    290.         {
    291.           id: 'jsonconverter',
    292.           text: 'JSONConverter',
    293.           parent: 'converters',
    294.           value: 2220
    295.         },
    296.         {
    297.           id: 'datafield',
    298.           text: 'DataField',
    299.           parent: 'data',
    300.           value: 1759
    301.         },
    302.         {
    303.           id: 'dataschema',
    304.           text: 'DataSchema',
    305.           parent: 'data',
    306.           value: 2165
    307.         },
    308.         {
    309.           id: 'dataset',
    310.           text: 'DataSet',
    311.           parent: 'data',
    312.           value: 586
    313.         },
    314.         {
    315.           id: 'datasource',
    316.           text: 'DataSource',
    317.           parent: 'data',
    318.           value: 3331
    319.         },
    320.         {
    321.           id: 'datatable',
    322.           text: 'DataTable',
    323.           parent: 'data',
    324.           value: 772
    325.         },
    326.         {
    327.           id: 'datautil',
    328.           text: 'DataUtil',
    329.           parent: 'data',
    330.           value: 3322
    331.         },
    332.         {
    333.           id: 'display',
    334.           text: 'display',
    335.           parent: 'flare'
    336.         },
    337.         {
    338.           id: 'dirtysprite',
    339.           text: 'DirtySprite',
    340.           parent: 'display',
    341.           value: 8833
    342.         },
    343.         {
    344.           id: 'linesprite',
    345.           text: 'LineSprite',
    346.           parent: 'display',
    347.           value: 1732
    348.         },
    349.         {
    350.           id: 'rectsprite',
    351.           text: 'RectSprite',
    352.           parent: 'display',
    353.           value: 3623
    354.         },
    355.         {
    356.           id: 'textsprite',
    357.           text: 'TextSprite',
    358.           parent: 'display',
    359.           value: 10066
    360.         },
    361.         {
    362.           id: 'flex',
    363.           text: 'flex',
    364.           parent: 'flare'
    365.         },
    366.         {
    367.           id: 'flarevis',
    368.           text: 'FlareVis',
    369.           parent: 'flex',
    370.           value: 4116
    371.         },
    372.         {
    373.           id: 'physics',
    374.           text: 'physics',
    375.           parent: 'flare'
    376.         },
    377.         {
    378.           id: 'dragforce',
    379.           text: 'DragForce',
    380.           parent: 'physics',
    381.           value: 1082
    382.         },
    383.         {
    384.           id: 'gravityforce',
    385.           text: 'GravityForce',
    386.           parent: 'physics',
    387.           value: 1336
    388.         },
    389.         {
    390.           id: 'iforce',
    391.           text: 'IForce',
    392.           parent: 'physics',
    393.           value: 319
    394.         },
    395.         {
    396.           id: 'nbodyforce',
    397.           text: 'NBodyForce',
    398.           parent: 'physics',
    399.           value: 10498
    400.         },
    401.         {
    402.           id: 'particle',
    403.           text: 'Particle',
    404.           parent: 'physics',
    405.           value: 2822
    406.         },
    407.         {
    408.           id: 'simulation',
    409.           text: 'Simulation',
    410.           parent: 'physics',
    411.           value: 9983
    412.         },
    413.         {
    414.           id: 'spring',
    415.           text: 'Spring',
    416.           parent: 'physics',
    417.           value: 2213
    418.         },
    419.         {
    420.           id: 'springforce',
    421.           text: 'SpringForce',
    422.           parent: 'physics',
    423.           value: 1681
    424.         },
    425.         {
    426.           id: 'query',
    427.           text: 'query',
    428.           parent: 'flare'
    429.         },
    430.         {
    431.           id: 'aggregateexpression',
    432.           text: 'AggregateExpression',
    433.           parent: 'query',
    434.           value: 1616
    435.         },
    436.         {
    437.           id: 'and',
    438.           text: 'And',
    439.           parent: 'query',
    440.           value: 1027
    441.         },
    442.         {
    443.           id: 'arithmetic',
    444.           text: 'Arithmetic',
    445.           parent: 'query',
    446.           value: 3891
    447.         },
    448.         {
    449.           id: 'average',
    450.           text: 'Average',
    451.           parent: 'query',
    452.           value: 891
    453.         },
    454.         {
    455.           id: 'binaryexpression',
    456.           text: 'BinaryExpression',
    457.           parent: 'query',
    458.           value: 2893
    459.         },
    460.         {
    461.           id: 'comparison',
    462.           text: 'Comparison',
    463.           parent: 'query',
    464.           value: 5103
    465.         },
    466.         {
    467.           id: 'compositeexpression',
    468.           text: 'CompositeExpression',
    469.           parent: 'query',
    470.           value: 3677
    471.         },
    472.         {
    473.           id: 'count',
    474.           text: 'Count',
    475.           parent: 'query',
    476.           value: 781
    477.         },
    478.         {
    479.           id: 'dateutil',
    480.           text: 'DateUtil',
    481.           parent: 'query',
    482.           value: 4141
    483.         },
    484.         {
    485.           id: 'distinct',
    486.           text: 'Distinct',
    487.           parent: 'query',
    488.           value: 933
    489.         },
    490.         {
    491.           id: 'expression',
    492.           text: 'Expression',
    493.           parent: 'query',
    494.           value: 5130
    495.         },
    496.         {
    497.           id: 'expressioniterator',
    498.           text: 'ExpressionIterator',
    499.           parent: 'query',
    500.           value: 3617
    501.         },
    502.         {
    503.           id: 'fn',
    504.           text: 'Fn',
    505.           parent: 'query',
    506.           value: 3240
    507.         },
    508.         {
    509.           id: 'if',
    510.           text: 'If',
    511.           parent: 'query',
    512.           value: 2732
    513.         },
    514.         {
    515.           id: 'isa',
    516.           text: 'IsA',
    517.           parent: 'query',
    518.           value: 2039
    519.         },
    520.         {
    521.           id: 'literal',
    522.           text: 'Literal',
    523.           parent: 'query',
    524.           value: 1214
    525.         },
    526.         {
    527.           id: 'match',
    528.           text: 'Match',
    529.           parent: 'query',
    530.           value: 3748
    531.         },
    532.         {
    533.           id: 'maximum',
    534.           text: 'Maximum',
    535.           parent: 'query',
    536.           value: 843
    537.         },
    538.         {
    539.           id: 'methods',
    540.           text: 'methods',
    541.           parent: 'query'
    542.         },
    543.         {
    544.           id: 'add',
    545.           text: 'add',
    546.           parent: 'methods',
    547.           value: 593
    548.         },
    549.         {
    550.           id: 'and1',
    551.           text: 'and',
    552.           parent: 'methods',
    553.           value: 330
    554.         },
    555.         {
    556.           id: 'average1',
    557.           text: 'average',
    558.           parent: 'methods',
    559.           value: 287
    560.         },
    561.         {
    562.           id: 'count1',
    563.           text: 'count',
    564.           parent: 'methods',
    565.           value: 277
    566.         },
    567.         {
    568.           id: 'distinct1',
    569.           text: 'distinct',
    570.           parent: 'methods',
    571.           value: 292
    572.         },
    573.         {
    574.           id: 'div',
    575.           text: 'div',
    576.           parent: 'methods',
    577.           value: 595
    578.         },
    579.         {
    580.           id: 'eq',
    581.           text: 'eq',
    582.           parent: 'methods',
    583.           value: 594
    584.         },
    585.         {
    586.           id: 'fn1',
    587.           text: 'fn',
    588.           parent: 'methods',
    589.           value: 460
    590.         },
    591.         {
    592.           id: 'gt',
    593.           text: 'gt',
    594.           parent: 'methods',
    595.           value: 603
    596.         },
    597.         {
    598.           id: 'gte',
    599.           text: 'gte',
    600.           parent: 'methods',
    601.           value: 625
    602.         },
    603.         {
    604.           id: 'iff',
    605.           text: 'iff',
    606.           parent: 'methods',
    607.           value: 748
    608.         },
    609.         {
    610.           id: 'isa1',
    611.           text: 'isa',
    612.           parent: 'methods',
    613.           value: 461
    614.         },
    615.         {
    616.           id: 'lt',
    617.           text: 'lt',
    618.           parent: 'methods',
    619.           value: 597
    620.         },
    621.         {
    622.           id: 'lte',
    623.           text: 'lte',
    624.           parent: 'methods',
    625.           value: 619
    626.         },
    627.         {
    628.           id: 'max',
    629.           text: 'max',
    630.           parent: 'methods',
    631.           value: 283
    632.         },
    633.         {
    634.           id: 'min',
    635.           text: 'min',
    636.           parent: 'methods',
    637.           value: 283
    638.         },
    639.         {
    640.           id: 'mod',
    641.           text: 'mod',
    642.           parent: 'methods',
    643.           value: 591
    644.         },
    645.         {
    646.           id: 'mul',
    647.           text: 'mul',
    648.           parent: 'methods',
    649.           value: 603
    650.         },
    651.         {
    652.           id: 'neq',
    653.           text: 'neq',
    654.           parent: 'methods',
    655.           value: 599
    656.         },
    657.         {
    658.           id: 'not',
    659.           text: 'not',
    660.           parent: 'methods',
    661.           value: 386
    662.         },
    663.         {
    664.           id: 'or',
    665.           text: 'or',
    666.           parent: 'methods',
    667.           value: 323
    668.         },
    669.         {
    670.           id: 'orderby',
    671.           text: 'orderby',
    672.           parent: 'methods',
    673.           value: 307
    674.         },
    675.         {
    676.           id: 'range',
    677.           text: 'range',
    678.           parent: 'methods',
    679.           value: 772
    680.         },
    681.         {
    682.           id: 'select',
    683.           text: 'select',
    684.           parent: 'methods',
    685.           value: 296
    686.         },
    687.         {
    688.           id: 'stddev',
    689.           text: 'stddev',
    690.           parent: 'methods',
    691.           value: 363
    692.         },
    693.         {
    694.           id: 'sub',
    695.           text: 'sub',
    696.           parent: 'methods',
    697.           value: 600
    698.         },
    699.         {
    700.           id: 'sum',
    701.           text: 'sum',
    702.           parent: 'methods',
    703.           value: 280
    704.         },
    705.         {
    706.           id: 'update',
    707.           text: 'update',
    708.           parent: 'methods',
    709.           value: 307
    710.         },
    711.         {
    712.           id: 'variance',
    713.           text: 'variance',
    714.           parent: 'methods',
    715.           value: 335
    716.         },
    717.         {
    718.           id: 'where',
    719.           text: 'where',
    720.           parent: 'methods',
    721.           value: 299
    722.         },
    723.         {
    724.           id: 'xor',
    725.           text: 'xor',
    726.           parent: 'methods',
    727.           value: 354
    728.         },
    729.         {
    730.           id: '_',
    731.           text: '_',
    732.           parent: 'methods',
    733.           value: 264
    734.         },
    735.         {
    736.           id: 'minimum',
    737.           text: 'Minimum',
    738.           parent: 'query',
    739.           value: 843
    740.         },
    741.         {
    742.           id: 'not1',
    743.           text: 'Not',
    744.           parent: 'query',
    745.           value: 1554
    746.         },
    747.         {
    748.           id: 'or1',
    749.           text: 'Or',
    750.           parent: 'query',
    751.           value: 970
    752.         },
    753.         {
    754.           id: 'query1',
    755.           text: 'Query',
    756.           parent: 'query',
    757.           value: 13896
    758.         },
    759.         {
    760.           id: 'range1',
    761.           text: 'Range',
    762.           parent: 'query',
    763.           value: 1594
    764.         },
    765.         {
    766.           id: 'stringutil',
    767.           text: 'StringUtil',
    768.           parent: 'query',
    769.           value: 4130
    770.         },
    771.         {
    772.           id: 'sum1',
    773.           text: 'Sum',
    774.           parent: 'query',
    775.           value: 791
    776.         },
    777.         {
    778.           id: 'variable',
    779.           text: 'Variable',
    780.           parent: 'query',
    781.           value: 1124
    782.         },
    783.         {
    784.           id: 'variance1',
    785.           text: 'Variance',
    786.           parent: 'query',
    787.           value: 1876
    788.         },
    789.         {
    790.           id: 'xor1',
    791.           text: 'Xor',
    792.           parent: 'query',
    793.           value: 1101
    794.         },
    795.         {
    796.           id: 'scale',
    797.           text: 'scale',
    798.           parent: 'flare'
    799.         },
    800.         {
    801.           id: 'iscalemap',
    802.           text: 'IScaleMap',
    803.           parent: 'scale',
    804.           value: 2105
    805.         },
    806.         {
    807.           id: 'linearscale',
    808.           text: 'LinearScale',
    809.           parent: 'scale',
    810.           value: 1316
    811.         },
    812.         {
    813.           id: 'logscale',
    814.           text: 'LogScale',
    815.           parent: 'scale',
    816.           value: 3151
    817.         },
    818.         {
    819.           id: 'ordinalscale',
    820.           text: 'OrdinalScale',
    821.           parent: 'scale',
    822.           value: 3770
    823.         },
    824.         {
    825.           id: 'quantilescale',
    826.           text: 'QuantileScale',
    827.           parent: 'scale',
    828.           value: 2435
    829.         },
    830.         {
    831.           id: 'quantitativescale',
    832.           text: 'QuantitativeScale',
    833.           parent: 'scale',
    834.           value: 4839
    835.         },
    836.         {
    837.           id: 'rootscale',
    838.           text: 'RootScale',
    839.           parent: 'scale',
    840.           value: 1756
    841.         },
    842.         {
    843.           id: 'scale1',
    844.           text: 'Scale',
    845.           parent: 'scale',
    846.           value: 4268
    847.         },
    848.         {
    849.           id: 'scaletype',
    850.           text: 'ScaleType',
    851.           parent: 'scale',
    852.           value: 1821
    853.         },
    854.         {
    855.           id: 'timescale',
    856.           text: 'TimeScale',
    857.           parent: 'scale',
    858.           value: 5833
    859.         },
    860.         {
    861.           id: 'util',
    862.           text: 'util',
    863.           parent: 'flare'
    864.         },
    865.         {
    866.           id: 'arrays',
    867.           text: 'Arrays',
    868.           parent: 'util',
    869.           value: 8258
    870.         },
    871.         {
    872.           id: 'colors',
    873.           text: 'Colors',
    874.           parent: 'util',
    875.           value: 10001
    876.         },
    877.         {
    878.           id: 'dates',
    879.           text: 'Dates',
    880.           parent: 'util',
    881.           value: 8217
    882.         },
    883.         {
    884.           id: 'displays',
    885.           text: 'Displays',
    886.           parent: 'util',
    887.           value: 12555
    888.         },
    889.         {
    890.           id: 'filter',
    891.           text: 'Filter',
    892.           parent: 'util',
    893.           value: 2324
    894.         },
    895.         {
    896.           id: 'geometry',
    897.           text: 'Geometry',
    898.           parent: 'util',
    899.           value: 10993
    900.         },
    901.         {
    902.           id: 'heap',
    903.           text: 'heap',
    904.           parent: 'util'
    905.         },
    906.         {
    907.           id: 'fibonacciheap',
    908.           text: 'FibonacciHeap',
    909.           parent: 'heap',
    910.           value: 9354
    911.         },
    912.         {
    913.           id: 'heapnode',
    914.           text: 'HeapNode',
    915.           parent: 'heap',
    916.           value: 1233
    917.         },
    918.         {
    919.           id: 'ievaluable',
    920.           text: 'IEvaluable',
    921.           parent: 'util',
    922.           value: 335
    923.         },
    924.         {
    925.           id: 'ipredicate',
    926.           text: 'IPredicate',
    927.           parent: 'util',
    928.           value: 383
    929.         },
    930.         {
    931.           id: 'ivalueproxy',
    932.           text: 'IValueProxy',
    933.           parent: 'util',
    934.           value: 874
    935.         },
    936.         {
    937.           id: 'math',
    938.           text: 'math',
    939.           parent: 'util'
    940.         },
    941.         {
    942.           id: 'densematrix',
    943.           text: 'DenseMatrix',
    944.           parent: 'math',
    945.           value: 3165
    946.         },
    947.         {
    948.           id: 'imatrix',
    949.           text: 'IMatrix',
    950.           parent: 'math',
    951.           value: 2815
    952.         },
    953.         {
    954.           id: 'sparsematrix',
    955.           text: 'SparseMatrix',
    956.           parent: 'math',
    957.           value: 3366
    958.         },
    959.         {
    960.           id: 'maths',
    961.           text: 'Maths',
    962.           parent: 'util',
    963.           value: 17705
    964.         },
    965.         {
    966.           id: 'orientation',
    967.           text: 'Orientation',
    968.           parent: 'util',
    969.           value: 1486
    970.         },
    971.         {
    972.           id: 'palette',
    973.           text: 'palette',
    974.           parent: 'util'
    975.         },
    976.         {
    977.           id: 'colorpalette',
    978.           text: 'ColorPalette',
    979.           parent: 'palette',
    980.           value: 6367
    981.         },
    982.         {
    983.           id: 'palette1',
    984.           text: 'Palette',
    985.           parent: 'palette',
    986.           value: 1229
    987.         },
    988.         {
    989.           id: 'shapepalette',
    990.           text: 'ShapePalette',
    991.           parent: 'palette',
    992.           value: 2059
    993.         },
    994.         {
    995.           id: 'sizepalette',
    996.           text: 'SizePalette',
    997.           parent: 'palette',
    998.           value: 2291
    999.         },
    1000.         {
    1001.           id: 'property',
    1002.           text: 'Property',
    1003.           parent: 'util',
    1004.           value: 5559
    1005.         },
    1006.         {
    1007.           id: 'shapes',
    1008.           text: 'Shapes',
    1009.           parent: 'util',
    1010.           value: 19118
    1011.         },
    1012.         {
    1013.           id: 'sort',
    1014.           text: 'Sort',
    1015.           parent: 'util',
    1016.           value: 6887
    1017.         },
    1018.         {
    1019.           id: 'stats',
    1020.           text: 'Stats',
    1021.           parent: 'util',
    1022.           value: 6557
    1023.         },
    1024.         {
    1025.           id: 'strings',
    1026.           text: 'Strings',
    1027.           parent: 'util',
    1028.           value: 22026
    1029.         },
    1030.         {
    1031.           id: 'vis',
    1032.           text: 'vis',
    1033.           parent: 'flare'
    1034.         },
    1035.         {
    1036.           id: 'axis',
    1037.           text: 'axis',
    1038.           parent: 'vis'
    1039.         },
    1040.         {
    1041.           id: 'axes',
    1042.           text: 'Axes',
    1043.           parent: 'axis',
    1044.           value: 1302
    1045.         },
    1046.         {
    1047.           id: 'axis1',
    1048.           text: 'Axis',
    1049.           parent: 'axis',
    1050.           value: 24593
    1051.         },
    1052.         {
    1053.           id: 'axisgridline',
    1054.           text: 'AxisGridLine',
    1055.           parent: 'axis',
    1056.           value: 652
    1057.         },
    1058.         {
    1059.           id: 'axislabel',
    1060.           text: 'AxisLabel',
    1061.           parent: 'axis',
    1062.           value: 636
    1063.         },
    1064.         {
    1065.           id: 'cartesianaxes',
    1066.           text: 'CartesianAxes',
    1067.           parent: 'axis',
    1068.           value: 6703
    1069.         },
    1070.         {
    1071.           id: 'controls',
    1072.           text: 'controls',
    1073.           parent: 'vis'
    1074.         },
    1075.         {
    1076.           id: 'anchorcontrol',
    1077.           text: 'AnchorControl',
    1078.           parent: 'controls',
    1079.           value: 2138
    1080.         },
    1081.         {
    1082.           id: 'clickcontrol',
    1083.           text: 'ClickControl',
    1084.           parent: 'controls',
    1085.           value: 3824
    1086.         },
    1087.         {
    1088.           id: 'control',
    1089.           text: 'Control',
    1090.           parent: 'controls',
    1091.           value: 1353
    1092.         },
    1093.         {
    1094.           id: 'controllist',
    1095.           text: 'ControlList',
    1096.           parent: 'controls',
    1097.           value: 4665
    1098.         },
    1099.         {
    1100.           id: 'dragcontrol',
    1101.           text: 'DragControl',
    1102.           parent: 'controls',
    1103.           value: 2649
    1104.         },
    1105.         {
    1106.           id: 'expandcontrol',
    1107.           text: 'ExpandControl',
    1108.           parent: 'controls',
    1109.           value: 2832
    1110.         },
    1111.         {
    1112.           id: 'hovercontrol',
    1113.           text: 'HoverControl',
    1114.           parent: 'controls',
    1115.           value: 4896
    1116.         },
    1117.         {
    1118.           id: 'icontrol',
    1119.           text: 'IControl',
    1120.           parent: 'controls',
    1121.           value: 763
    1122.         },
    1123.         {
    1124.           id: 'panzoomcontrol',
    1125.           text: 'PanZoomControl',
    1126.           parent: 'controls',
    1127.           value: 5222
    1128.         },
    1129.         {
    1130.           id: 'selectioncontrol',
    1131.           text: 'SelectionControl',
    1132.           parent: 'controls',
    1133.           value: 7862
    1134.         },
    1135.         {
    1136.           id: 'tooltipcontrol',
    1137.           text: 'TooltipControl',
    1138.           parent: 'controls',
    1139.           value: 8435
    1140.         },
    1141.         {
    1142.           id: 'data1',
    1143.           text: 'data',
    1144.           parent: 'vis'
    1145.         },
    1146.         {
    1147.           id: 'data2',
    1148.           text: 'Data',
    1149.           parent: 'data1',
    1150.           value: 20544
    1151.         },
    1152.         {
    1153.           id: 'datalist',
    1154.           text: 'DataList',
    1155.           parent: 'data1',
    1156.           value: 19788
    1157.         },
    1158.         {
    1159.           id: 'datasprite',
    1160.           text: 'DataSprite',
    1161.           parent: 'data1',
    1162.           value: 10349
    1163.         },
    1164.         {
    1165.           id: 'edgesprite',
    1166.           text: 'EdgeSprite',
    1167.           parent: 'data1',
    1168.           value: 3301
    1169.         },
    1170.         {
    1171.           id: 'nodesprite',
    1172.           text: 'NodeSprite',
    1173.           parent: 'data1',
    1174.           value: 19382
    1175.         },
    1176.         {
    1177.           id: 'render',
    1178.           text: 'render',
    1179.           parent: 'data1'
    1180.         },
    1181.         {
    1182.           id: 'arrowtype',
    1183.           text: 'ArrowType',
    1184.           parent: 'render',
    1185.           value: 698
    1186.         },
    1187.         {
    1188.           id: 'edgerenderer',
    1189.           text: 'EdgeRenderer',
    1190.           parent: 'render',
    1191.           value: 5569
    1192.         },
    1193.         {
    1194.           id: 'irenderer',
    1195.           text: 'IRenderer',
    1196.           parent: 'render',
    1197.           value: 353
    1198.         },
    1199.         {
    1200.           id: 'shaperenderer',
    1201.           text: 'ShapeRenderer',
    1202.           parent: 'render',
    1203.           value: 2247
    1204.         },
    1205.         {
    1206.           id: 'scalebinding',
    1207.           text: 'ScaleBinding',
    1208.           parent: 'data1',
    1209.           value: 11275
    1210.         },
    1211.         {
    1212.           id: 'tree',
    1213.           text: 'Tree',
    1214.           parent: 'data1',
    1215.           value: 7147
    1216.         },
    1217.         {
    1218.           id: 'treebuilder',
    1219.           text: 'TreeBuilder',
    1220.           parent: 'data1',
    1221.           value: 9930
    1222.         },
    1223.         {
    1224.           id: 'events',
    1225.           text: 'events',
    1226.           parent: 'vis'
    1227.         },
    1228.         {
    1229.           id: 'dataevent',
    1230.           text: 'DataEvent',
    1231.           parent: 'events',
    1232.           value: 2313
    1233.         },
    1234.         {
    1235.           id: 'selectionevent',
    1236.           text: 'SelectionEvent',
    1237.           parent: 'events',
    1238.           value: 1880
    1239.         },
    1240.         {
    1241.           id: 'tooltipevent',
    1242.           text: 'TooltipEvent',
    1243.           parent: 'events',
    1244.           value: 1701
    1245.         },
    1246.         {
    1247.           id: 'visualizationevent',
    1248.           text: 'VisualizationEvent',
    1249.           parent: 'events',
    1250.           value: 1117
    1251.         },
    1252.         {
    1253.           id: 'legend',
    1254.           text: 'legend',
    1255.           parent: 'vis'
    1256.         },
    1257.         {
    1258.           id: 'legend1',
    1259.           text: 'Legend',
    1260.           parent: 'legend',
    1261.           value: 20859
    1262.         },
    1263.         {
    1264.           id: 'legenditem',
    1265.           text: 'LegendItem',
    1266.           parent: 'legend',
    1267.           value: 4614
    1268.         },
    1269.         {
    1270.           id: 'legendrange',
    1271.           text: 'LegendRange',
    1272.           parent: 'legend',
    1273.           value: 10530
    1274.         },
    1275.         {
    1276.           id: 'operator',
    1277.           text: 'operator',
    1278.           parent: 'vis'
    1279.         },
    1280.         {
    1281.           id: 'distortion',
    1282.           text: 'distortion',
    1283.           parent: 'operator'
    1284.         },
    1285.         {
    1286.           id: 'bifocaldistortion',
    1287.           text: 'BifocalDistortion',
    1288.           parent: 'distortion',
    1289.           value: 4461
    1290.         },
    1291.         {
    1292.           id: 'distortion1',
    1293.           text: 'Distortion',
    1294.           parent: 'distortion',
    1295.           value: 6314
    1296.         },
    1297.         {
    1298.           id: 'fisheyedistortion',
    1299.           text: 'FisheyeDistortion',
    1300.           parent: 'distortion',
    1301.           value: 3444
    1302.         },
    1303.         {
    1304.           id: 'encoder',
    1305.           text: 'encoder',
    1306.           parent: 'operator'
    1307.         },
    1308.         {
    1309.           id: 'colorencoder',
    1310.           text: 'ColorEncoder',
    1311.           parent: 'encoder',
    1312.           value: 3179
    1313.         },
    1314.         {
    1315.           id: 'encoder1',
    1316.           text: 'Encoder',
    1317.           parent: 'encoder',
    1318.           value: 4060
    1319.         },
    1320.         {
    1321.           id: 'propertyencoder',
    1322.           text: 'PropertyEncoder',
    1323.           parent: 'encoder',
    1324.           value: 4138
    1325.         },
    1326.         {
    1327.           id: 'shapeencoder',
    1328.           text: 'ShapeEncoder',
    1329.           parent: 'encoder',
    1330.           value: 1690
    1331.         },
    1332.         {
    1333.           id: 'sizeencoder',
    1334.           text: 'SizeEncoder',
    1335.           parent: 'encoder',
    1336.           value: 1830
    1337.         },
    1338.         {
    1339.           id: 'filter1',
    1340.           text: 'filter',
    1341.           parent: 'operator'
    1342.         },
    1343.         {
    1344.           id: 'fisheyetreefilter',
    1345.           text: 'FisheyeTreeFilter',
    1346.           parent: 'filter1',
    1347.           value: 5219
    1348.         },
    1349.         {
    1350.           id: 'graphdistancefilter',
    1351.           text: 'GraphDistanceFilter',
    1352.           parent: 'filter1',
    1353.           value: 3165
    1354.         },
    1355.         {
    1356.           id: 'visibilityfilter',
    1357.           text: 'VisibilityFilter',
    1358.           parent: 'filter1',
    1359.           value: 3509
    1360.         },
    1361.         {
    1362.           id: 'ioperator',
    1363.           text: 'IOperator',
    1364.           parent: 'operator',
    1365.           value: 1286
    1366.         },
    1367.         {
    1368.           id: 'label',
    1369.           text: 'label',
    1370.           parent: 'operator'
    1371.         },
    1372.         {
    1373.           id: 'labeler',
    1374.           text: 'Labeler',
    1375.           parent: 'label',
    1376.           value: 9956
    1377.         },
    1378.         {
    1379.           id: 'radiallabeler',
    1380.           text: 'RadialLabeler',
    1381.           parent: 'label',
    1382.           value: 3899
    1383.         },
    1384.         {
    1385.           id: 'stackedarealabeler',
    1386.           text: 'StackedAreaLabeler',
    1387.           parent: 'label',
    1388.           value: 3202
    1389.         },
    1390.         {
    1391.           id: 'layout',
    1392.           text: 'layout',
    1393.           parent: 'operator'
    1394.         },
    1395.         {
    1396.           id: 'axislayout',
    1397.           text: 'AxisLayout',
    1398.           parent: 'layout',
    1399.           value: 6725
    1400.         },
    1401.         {
    1402.           id: 'bundlededgerouter',
    1403.           text: 'BundledEdgeRouter',
    1404.           parent: 'layout',
    1405.           value: 3727
    1406.         },
    1407.         {
    1408.           id: 'circlelayout',
    1409.           text: 'CircleLayout',
    1410.           parent: 'layout',
    1411.           value: 9317
    1412.         },
    1413.         {
    1414.           id: 'circlepackinglayout',
    1415.           text: 'CirclePackingLayout',
    1416.           parent: 'layout',
    1417.           value: 12003
    1418.         },
    1419.         {
    1420.           id: 'dendrogramlayout',
    1421.           text: 'DendrogramLayout',
    1422.           parent: 'layout',
    1423.           value: 4853
    1424.         },
    1425.         {
    1426.           id: 'forcedirectedlayout',
    1427.           text: 'ForceDirectedLayout',
    1428.           parent: 'layout',
    1429.           value: 8411
    1430.         },
    1431.         {
    1432.           id: 'icicletreelayout',
    1433.           text: 'IcicleTreeLayout',
    1434.           parent: 'layout',
    1435.           value: 4864
    1436.         },
    1437.         {
    1438.           id: 'indentedtreelayout',
    1439.           text: 'IndentedTreeLayout',
    1440.           parent: 'layout',
    1441.           value: 3174
    1442.         },
    1443.         {
    1444.           id: 'layout1',
    1445.           text: 'Layout',
    1446.           parent: 'layout',
    1447.           value: 7881
    1448.         },
    1449.         {
    1450.           id: 'nodelinktreelayout',
    1451.           text: 'NodeLinkTreeLayout',
    1452.           parent: 'layout',
    1453.           value: 12870
    1454.         },
    1455.         {
    1456.           id: 'pielayout',
    1457.           text: 'PieLayout',
    1458.           parent: 'layout',
    1459.           value: 2728
    1460.         },
    1461.         {
    1462.           id: 'radialtreelayout',
    1463.           text: 'RadialTreeLayout',
    1464.           parent: 'layout',
    1465.           value: 12348
    1466.         },
    1467.         {
    1468.           id: 'randomlayout',
    1469.           text: 'RandomLayout',
    1470.           parent: 'layout',
    1471.           value: 870
    1472.         },
    1473.         {
    1474.           id: 'stackedarealayout',
    1475.           text: 'StackedAreaLayout',
    1476.           parent: 'layout',
    1477.           value: 9121
    1478.         },
    1479.         {
    1480.           id: 'treemaplayout',
    1481.           text: 'TreeMapLayout',
    1482.           parent: 'layout',
    1483.           value: 9191
    1484.         },
    1485.         {
    1486.           id: 'operator1',
    1487.           text: 'Operator',
    1488.           parent: 'operator',
    1489.           value: 2490
    1490.         },
    1491.         {
    1492.           id: 'operatorlist',
    1493.           text: 'OperatorList',
    1494.           parent: 'operator',
    1495.           value: 5248
    1496.         },
    1497.         {
    1498.           id: 'operatorsequence',
    1499.           text: 'OperatorSequence',
    1500.           parent: 'operator',
    1501.           value: 4190
    1502.         },
    1503.         {
    1504.           id: 'operatorswitch',
    1505.           text: 'OperatorSwitch',
    1506.           parent: 'operator',
    1507.           value: 2581
    1508.         },
    1509.         {
    1510.           id: 'sortoperator',
    1511.           text: 'SortOperator',
    1512.           parent: 'operator',
    1513.           value: 2023
    1514.         },
    1515.         {
    1516.           id: 'visualization',
    1517.           text: 'Visualization',
    1518.           parent: 'vis',
    1519.           value: 16540
    1520.         }
    1521.       ];
    1522.  
    1523.       // full ZingChart schema can be found here:
    1524.       // https://www.zingchart.com/docs/api/json-configuration/
    1525.       let chartConfig = {
    1526.         type: 'sunburst',
    1527.         globals: {
    1528.           fontSize: '14px'
    1529.         },
    1530.         title: {
    1531.           text: "Value Boxes"
    1532.         },
    1533.         subtitle: {
    1534.           text: "with placement set to 'in' and 'out' based on the node value",
    1535.           'font-weight': "normal"
    1536.         },
    1537.         options: {
    1538.           palette: ['#7CA82B', '#29A2CC', '#D31E1E', '#EF8535', '#A05F18', '#265E96', '#6B7075', '#28536B', '#A87356', '#70AE6E', '#764493', '#BA163B', '#E8630A'],
    1539.           slice: 0,
    1540.           space: 0
    1541.         },
    1542.         // plot represents general series, or plots, styling
    1543.         plot: {
    1544.           // hoverstate
    1545.           tooltip: {
    1546.             align: 'left',
    1547.             padding: '10px 15px',
    1548.             borderRadius: '3px',
    1549.             thousandsSeparator: ','
    1550.           },
    1551.           'value-box': {
    1552.             text: "%v",
    1553.             'font-size': 12,
    1554.             'font-family': "Georgia",
    1555.             'font-weight': "normal",
    1556.             rules: [{
    1557.                 rule: "%v > 60001",
    1558.                 placement: "in",
    1559.                 'offset-r': "50%",
    1560.                 'font-color': "white",
    1561.               },
    1562.               {
    1563.                 rule: "%v <= 6000",
    1564.                 placement: "out",
    1565.                 'font-color': "gray",
    1566.               }
    1567.             ]
    1568.           }
    1569.         },
    1570.         plotarea: {
    1571.           margin: '20px 5px 5px 5px'
    1572.         },
    1573.         scaleR: {
    1574.           '-ref-angle': 180,
    1575.           '-aperture': 180
    1576.         },
    1577.         series: chartData
    1578.       };
    1579.  
    1580.       // render chart
    1581.       zingchart.render({
    1582.         id: 'myChart',
    1583.         data: chartConfig,
    1584.         height: '100%',
    1585.         width: '100%',
    1586.       });
    1587.     });
    1588.   </script>
    1589. </body>
    1590.  
    1591. </html>
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.   <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
    8. </head>
    9.  
    10. <body>
    11.   <!-- CHART CONTAINER -->
    12.   <div id="myChart" class="chart--container">
    13.     <a class="zc-ref" href="https://www.zingchart.com/">Powered by ZingChart</a>
    14.   </div>
    15. </body>
    16.  
    17. </html>
    1. html,
    2. body {
    3.   margin: 0;
    4.   padding: 0;
    5.   width: 100%;
    6.   height: 100%;
    7. }
    8.  
    9. .chart--container {
    10.   min-height: 150px;
    11.   width: 100%;
    12.   height: 100%;
    13. }
    14.  
    15. .zc-ref {
    16.   display: none;
    17. }
    1. // window:load event for Javascript to run after HTML
    2. // because this Javascript is injected into the document head
    3. window.addEventListener('load', () => {
    4.   // Javascript code to execute after DOM content
    5.  
    6.   // data format for sunburst chart
    7.   let chartData = [{
    8.       id: 'flare',
    9.       text: 'flare',
    10.       parent: ''
    11.     },
    12.     {
    13.       id: 'analytics',
    14.       text: 'analytics',
    15.       parent: 'flare'
    16.     },
    17.     {
    18.       id: 'cluster',
    19.       text: 'cluster',
    20.       parent: 'analytics'
    21.     },
    22.     {
    23.       id: 'agglomerativecluster',
    24.       text: 'AgglomerativeCluster',
    25.       parent: 'cluster',
    26.       value: 3938
    27.     },
    28.     {
    29.       id: 'communitystructure',
    30.       text: 'CommunityStructure',
    31.       parent: 'cluster',
    32.       value: 3812
    33.     },
    34.     {
    35.       id: 'hierarchicalcluster',
    36.       text: 'HierarchicalCluster',
    37.       parent: 'cluster',
    38.       value: 6714
    39.     },
    40.     {
    41.       id: 'mergeedge',
    42.       text: 'MergeEdge',
    43.       parent: 'cluster',
    44.       value: 743
    45.     },
    46.     {
    47.       id: 'graph',
    48.       text: 'graph',
    49.       parent: 'analytics'
    50.     },
    51.     {
    52.       id: 'betweennesscentrality',
    53.       text: 'BetweennessCentrality',
    54.       parent: 'graph',
    55.       value: 3534
    56.     },
    57.     {
    58.       id: 'linkdistance',
    59.       text: 'LinkDistance',
    60.       parent: 'graph',
    61.       value: 5731
    62.     },
    63.     {
    64.       id: 'maxflowmincut',
    65.       text: 'MaxFlowMinCut',
    66.       parent: 'graph',
    67.       value: 7840
    68.     },
    69.     {
    70.       id: 'shortestpaths',
    71.       text: 'ShortestPaths',
    72.       parent: 'graph',
    73.       value: 5914
    74.     },
    75.     {
    76.       id: 'spanningtree',
    77.       text: 'SpanningTree',
    78.       parent: 'graph',
    79.       value: 3416
    80.     },
    81.     {
    82.       id: 'optimization',
    83.       text: 'optimization',
    84.       parent: 'analytics'
    85.     },
    86.     {
    87.       id: 'aspectratiobanker',
    88.       text: 'AspectRatioBanker',
    89.       parent: 'optimization',
    90.       value: 7074
    91.     },
    92.     {
    93.       id: 'animate',
    94.       text: 'animate',
    95.       parent: 'flare'
    96.     },
    97.     {
    98.       id: 'easing',
    99.       text: 'Easing',
    100.       parent: 'animate',
    101.       value: 17010
    102.     },
    103.     {
    104.       id: 'functionsequence',
    105.       text: 'FunctionSequence',
    106.       parent: 'animate',
    107.       value: 5842
    108.     },
    109.     {
    110.       id: 'interpolate',
    111.       text: 'interpolate',
    112.       parent: 'animate'
    113.     },
    114.     {
    115.       id: 'arrayinterpolator',
    116.       text: 'ArrayInterpolator',
    117.       parent: 'interpolate',
    118.       value: 1983
    119.     },
    120.     {
    121.       id: 'colorinterpolator',
    122.       text: 'ColorInterpolator',
    123.       parent: 'interpolate',
    124.       value: 2047
    125.     },
    126.     {
    127.       id: 'dateinterpolator',
    128.       text: 'DateInterpolator',
    129.       parent: 'interpolate',
    130.       value: 1375
    131.     },
    132.     {
    133.       id: 'interpolator',
    134.       text: 'Interpolator',
    135.       parent: 'interpolate',
    136.       value: 8746
    137.     },
    138.     {
    139.       id: 'matrixinterpolator',
    140.       text: 'MatrixInterpolator',
    141.       parent: 'interpolate',
    142.       value: 2202
    143.     },
    144.     {
    145.       id: 'numberinterpolator',
    146.       text: 'NumberInterpolator',
    147.       parent: 'interpolate',
    148.       value: 1382
    149.     },
    150.     {
    151.       id: 'objectinterpolator',
    152.       text: 'ObjectInterpolator',
    153.       parent: 'interpolate',
    154.       value: 1629
    155.     },
    156.     {
    157.       id: 'pointinterpolator',
    158.       text: 'PointInterpolator',
    159.       parent: 'interpolate',
    160.       value: 1675
    161.     },
    162.     {
    163.       id: 'rectangleinterpolator',
    164.       text: 'RectangleInterpolator',
    165.       parent: 'interpolate',
    166.       value: 2042
    167.     },
    168.     {
    169.       id: 'ischedulable',
    170.       text: 'ISchedulable',
    171.       parent: 'animate',
    172.       value: 1041
    173.     },
    174.     {
    175.       id: 'parallel',
    176.       text: 'Parallel',
    177.       parent: 'animate',
    178.       value: 5176
    179.     },
    180.     {
    181.       id: 'pause',
    182.       text: 'Pause',
    183.       parent: 'animate',
    184.       value: 449
    185.     },
    186.     {
    187.       id: 'scheduler',
    188.       text: 'Scheduler',
    189.       parent: 'animate',
    190.       value: 5593
    191.     },
    192.     {
    193.       id: 'sequence',
    194.       text: 'Sequence',
    195.       parent: 'animate',
    196.       value: 5534
    197.     },
    198.     {
    199.       id: 'transition',
    200.       text: 'Transition',
    201.       parent: 'animate',
    202.       value: 9201
    203.     },
    204.     {
    205.       id: 'transitioner',
    206.       text: 'Transitioner',
    207.       parent: 'animate',
    208.       value: 19975
    209.     },
    210.     {
    211.       id: 'transitionevent',
    212.       text: 'TransitionEvent',
    213.       parent: 'animate',
    214.       value: 1116
    215.     },
    216.     {
    217.       id: 'tween',
    218.       text: 'Tween',
    219.       parent: 'animate',
    220.       value: 6006
    221.     },
    222.     {
    223.       id: 'data',
    224.       text: 'data',
    225.       parent: 'flare'
    226.     },
    227.     {
    228.       id: 'converters',
    229.       text: 'converters',
    230.       parent: 'data'
    231.     },
    232.     {
    233.       id: 'converters1',
    234.       text: 'Converters',
    235.       parent: 'converters',
    236.       value: 721
    237.     },
    238.     {
    239.       id: 'delimitedtextconverter',
    240.       text: 'DelimitedTextConverter',
    241.       parent: 'converters',
    242.       value: 4294
    243.     },
    244.     {
    245.       id: 'graphmlconverter',
    246.       text: 'GraphMLConverter',
    247.       parent: 'converters',
    248.       value: 9800
    249.     },
    250.     {
    251.       id: 'idataconverter',
    252.       text: 'IDataConverter',
    253.       parent: 'converters',
    254.       value: 1314
    255.     },
    256.     {
    257.       id: 'jsonconverter',
    258.       text: 'JSONConverter',
    259.       parent: 'converters',
    260.       value: 2220
    261.     },
    262.     {
    263.       id: 'datafield',
    264.       text: 'DataField',
    265.       parent: 'data',
    266.       value: 1759
    267.     },
    268.     {
    269.       id: 'dataschema',
    270.       text: 'DataSchema',
    271.       parent: 'data',
    272.       value: 2165
    273.     },
    274.     {
    275.       id: 'dataset',
    276.       text: 'DataSet',
    277.       parent: 'data',
    278.       value: 586
    279.     },
    280.     {
    281.       id: 'datasource',
    282.       text: 'DataSource',
    283.       parent: 'data',
    284.       value: 3331
    285.     },
    286.     {
    287.       id: 'datatable',
    288.       text: 'DataTable',
    289.       parent: 'data',
    290.       value: 772
    291.     },
    292.     {
    293.       id: 'datautil',
    294.       text: 'DataUtil',
    295.       parent: 'data',
    296.       value: 3322
    297.     },
    298.     {
    299.       id: 'display',
    300.       text: 'display',
    301.       parent: 'flare'
    302.     },
    303.     {
    304.       id: 'dirtysprite',
    305.       text: 'DirtySprite',
    306.       parent: 'display',
    307.       value: 8833
    308.     },
    309.     {
    310.       id: 'linesprite',
    311.       text: 'LineSprite',
    312.       parent: 'display',
    313.       value: 1732
    314.     },
    315.     {
    316.       id: 'rectsprite',
    317.       text: 'RectSprite',
    318.       parent: 'display',
    319.       value: 3623
    320.     },
    321.     {
    322.       id: 'textsprite',
    323.       text: 'TextSprite',
    324.       parent: 'display',
    325.       value: 10066
    326.     },
    327.     {
    328.       id: 'flex',
    329.       text: 'flex',
    330.       parent: 'flare'
    331.     },
    332.     {
    333.       id: 'flarevis',
    334.       text: 'FlareVis',
    335.       parent: 'flex',
    336.       value: 4116
    337.     },
    338.     {
    339.       id: 'physics',
    340.       text: 'physics',
    341.       parent: 'flare'
    342.     },
    343.     {
    344.       id: 'dragforce',
    345.       text: 'DragForce',
    346.       parent: 'physics',
    347.       value: 1082
    348.     },
    349.     {
    350.       id: 'gravityforce',
    351.       text: 'GravityForce',
    352.       parent: 'physics',
    353.       value: 1336
    354.     },
    355.     {
    356.       id: 'iforce',
    357.       text: 'IForce',
    358.       parent: 'physics',
    359.       value: 319
    360.     },
    361.     {
    362.       id: 'nbodyforce',
    363.       text: 'NBodyForce',
    364.       parent: 'physics',
    365.       value: 10498
    366.     },
    367.     {
    368.       id: 'particle',
    369.       text: 'Particle',
    370.       parent: 'physics',
    371.       value: 2822
    372.     },
    373.     {
    374.       id: 'simulation',
    375.       text: 'Simulation',
    376.       parent: 'physics',
    377.       value: 9983
    378.     },
    379.     {
    380.       id: 'spring',
    381.       text: 'Spring',
    382.       parent: 'physics',
    383.       value: 2213
    384.     },
    385.     {
    386.       id: 'springforce',
    387.       text: 'SpringForce',
    388.       parent: 'physics',
    389.       value: 1681
    390.     },
    391.     {
    392.       id: 'query',
    393.       text: 'query',
    394.       parent: 'flare'
    395.     },
    396.     {
    397.       id: 'aggregateexpression',
    398.       text: 'AggregateExpression',
    399.       parent: 'query',
    400.       value: 1616
    401.     },
    402.     {
    403.       id: 'and',
    404.       text: 'And',
    405.       parent: 'query',
    406.       value: 1027
    407.     },
    408.     {
    409.       id: 'arithmetic',
    410.       text: 'Arithmetic',
    411.       parent: 'query',
    412.       value: 3891
    413.     },
    414.     {
    415.       id: 'average',
    416.       text: 'Average',
    417.       parent: 'query',
    418.       value: 891
    419.     },
    420.     {
    421.       id: 'binaryexpression',
    422.       text: 'BinaryExpression',
    423.       parent: 'query',
    424.       value: 2893
    425.     },
    426.     {
    427.       id: 'comparison',
    428.       text: 'Comparison',
    429.       parent: 'query',
    430.       value: 5103
    431.     },
    432.     {
    433.       id: 'compositeexpression',
    434.       text: 'CompositeExpression',
    435.       parent: 'query',
    436.       value: 3677
    437.     },
    438.     {
    439.       id: 'count',
    440.       text: 'Count',
    441.       parent: 'query',
    442.       value: 781
    443.     },
    444.     {
    445.       id: 'dateutil',
    446.       text: 'DateUtil',
    447.       parent: 'query',
    448.       value: 4141
    449.     },
    450.     {
    451.       id: 'distinct',
    452.       text: 'Distinct',
    453.       parent: 'query',
    454.       value: 933
    455.     },
    456.     {
    457.       id: 'expression',
    458.       text: 'Expression',
    459.       parent: 'query',
    460.       value: 5130
    461.     },
    462.     {
    463.       id: 'expressioniterator',
    464.       text: 'ExpressionIterator',
    465.       parent: 'query',
    466.       value: 3617
    467.     },
    468.     {
    469.       id: 'fn',
    470.       text: 'Fn',
    471.       parent: 'query',
    472.       value: 3240
    473.     },
    474.     {
    475.       id: 'if',
    476.       text: 'If',
    477.       parent: 'query',
    478.       value: 2732
    479.     },
    480.     {
    481.       id: 'isa',
    482.       text: 'IsA',
    483.       parent: 'query',
    484.       value: 2039
    485.     },
    486.     {
    487.       id: 'literal',
    488.       text: 'Literal',
    489.       parent: 'query',
    490.       value: 1214
    491.     },
    492.     {
    493.       id: 'match',
    494.       text: 'Match',
    495.       parent: 'query',
    496.       value: 3748
    497.     },
    498.     {
    499.       id: 'maximum',
    500.       text: 'Maximum',
    501.       parent: 'query',
    502.       value: 843
    503.     },
    504.     {
    505.       id: 'methods',
    506.       text: 'methods',
    507.       parent: 'query'
    508.     },
    509.     {
    510.       id: 'add',
    511.       text: 'add',
    512.       parent: 'methods',
    513.       value: 593
    514.     },
    515.     {
    516.       id: 'and1',
    517.       text: 'and',
    518.       parent: 'methods',
    519.       value: 330
    520.     },
    521.     {
    522.       id: 'average1',
    523.       text: 'average',
    524.       parent: 'methods',
    525.       value: 287
    526.     },
    527.     {
    528.       id: 'count1',
    529.       text: 'count',
    530.       parent: 'methods',
    531.       value: 277
    532.     },
    533.     {
    534.       id: 'distinct1',
    535.       text: 'distinct',
    536.       parent: 'methods',
    537.       value: 292
    538.     },
    539.     {
    540.       id: 'div',
    541.       text: 'div',
    542.       parent: 'methods',
    543.       value: 595
    544.     },
    545.     {
    546.       id: 'eq',
    547.       text: 'eq',
    548.       parent: 'methods',
    549.       value: 594
    550.     },
    551.     {
    552.       id: 'fn1',
    553.       text: 'fn',
    554.       parent: 'methods',
    555.       value: 460
    556.     },
    557.     {
    558.       id: 'gt',
    559.       text: 'gt',
    560.       parent: 'methods',
    561.       value: 603
    562.     },
    563.     {
    564.       id: 'gte',
    565.       text: 'gte',
    566.       parent: 'methods',
    567.       value: 625
    568.     },
    569.     {
    570.       id: 'iff',
    571.       text: 'iff',
    572.       parent: 'methods',
    573.       value: 748
    574.     },
    575.     {
    576.       id: 'isa1',
    577.       text: 'isa',
    578.       parent: 'methods',
    579.       value: 461
    580.     },
    581.     {
    582.       id: 'lt',
    583.       text: 'lt',
    584.       parent: 'methods',
    585.       value: 597
    586.     },
    587.     {
    588.       id: 'lte',
    589.       text: 'lte',
    590.       parent: 'methods',
    591.       value: 619
    592.     },
    593.     {
    594.       id: 'max',
    595.       text: 'max',
    596.       parent: 'methods',
    597.       value: 283
    598.     },
    599.     {
    600.       id: 'min',
    601.       text: 'min',
    602.       parent: 'methods',
    603.       value: 283
    604.     },
    605.     {
    606.       id: 'mod',
    607.       text: 'mod',
    608.       parent: 'methods',
    609.       value: 591
    610.     },
    611.     {
    612.       id: 'mul',
    613.       text: 'mul',
    614.       parent: 'methods',
    615.       value: 603
    616.     },
    617.     {
    618.       id: 'neq',
    619.       text: 'neq',
    620.       parent: 'methods',
    621.       value: 599
    622.     },
    623.     {
    624.       id: 'not',
    625.       text: 'not',
    626.       parent: 'methods',
    627.       value: 386
    628.     },
    629.     {
    630.       id: 'or',
    631.       text: 'or',
    632.       parent: 'methods',
    633.       value: 323
    634.     },
    635.     {
    636.       id: 'orderby',
    637.       text: 'orderby',
    638.       parent: 'methods',
    639.       value: 307
    640.     },
    641.     {
    642.       id: 'range',
    643.       text: 'range',
    644.       parent: 'methods',
    645.       value: 772
    646.     },
    647.     {
    648.       id: 'select',
    649.       text: 'select',
    650.       parent: 'methods',
    651.       value: 296
    652.     },
    653.     {
    654.       id: 'stddev',
    655.       text: 'stddev',
    656.       parent: 'methods',
    657.       value: 363
    658.     },
    659.     {
    660.       id: 'sub',
    661.       text: 'sub',
    662.       parent: 'methods',
    663.       value: 600
    664.     },
    665.     {
    666.       id: 'sum',
    667.       text: 'sum',
    668.       parent: 'methods',
    669.       value: 280
    670.     },
    671.     {
    672.       id: 'update',
    673.       text: 'update',
    674.       parent: 'methods',
    675.       value: 307
    676.     },
    677.     {
    678.       id: 'variance',
    679.       text: 'variance',
    680.       parent: 'methods',
    681.       value: 335
    682.     },
    683.     {
    684.       id: 'where',
    685.       text: 'where',
    686.       parent: 'methods',
    687.       value: 299
    688.     },
    689.     {
    690.       id: 'xor',
    691.       text: 'xor',
    692.       parent: 'methods',
    693.       value: 354
    694.     },
    695.     {
    696.       id: '_',
    697.       text: '_',
    698.       parent: 'methods',
    699.       value: 264
    700.     },
    701.     {
    702.       id: 'minimum',
    703.       text: 'Minimum',
    704.       parent: 'query',
    705.       value: 843
    706.     },
    707.     {
    708.       id: 'not1',
    709.       text: 'Not',
    710.       parent: 'query',
    711.       value: 1554
    712.     },
    713.     {
    714.       id: 'or1',
    715.       text: 'Or',
    716.       parent: 'query',
    717.       value: 970
    718.     },
    719.     {
    720.       id: 'query1',
    721.       text: 'Query',
    722.       parent: 'query',
    723.       value: 13896
    724.     },
    725.     {
    726.       id: 'range1',
    727.       text: 'Range',
    728.       parent: 'query',
    729.       value: 1594
    730.     },
    731.     {
    732.       id: 'stringutil',
    733.       text: 'StringUtil',
    734.       parent: 'query',
    735.       value: 4130
    736.     },
    737.     {
    738.       id: 'sum1',
    739.       text: 'Sum',
    740.       parent: 'query',
    741.       value: 791
    742.     },
    743.     {
    744.       id: 'variable',
    745.       text: 'Variable',
    746.       parent: 'query',
    747.       value: 1124
    748.     },
    749.     {
    750.       id: 'variance1',
    751.       text: 'Variance',
    752.       parent: 'query',
    753.       value: 1876
    754.     },
    755.     {
    756.       id: 'xor1',
    757.       text: 'Xor',
    758.       parent: 'query',
    759.       value: 1101
    760.     },
    761.     {
    762.       id: 'scale',
    763.       text: 'scale',
    764.       parent: 'flare'
    765.     },
    766.     {
    767.       id: 'iscalemap',
    768.       text: 'IScaleMap',
    769.       parent: 'scale',
    770.       value: 2105
    771.     },
    772.     {
    773.       id: 'linearscale',
    774.       text: 'LinearScale',
    775.       parent: 'scale',
    776.       value: 1316
    777.     },
    778.     {
    779.       id: 'logscale',
    780.       text: 'LogScale',
    781.       parent: 'scale',
    782.       value: 3151
    783.     },
    784.     {
    785.       id: 'ordinalscale',
    786.       text: 'OrdinalScale',
    787.       parent: 'scale',
    788.       value: 3770
    789.     },
    790.     {
    791.       id: 'quantilescale',
    792.       text: 'QuantileScale',
    793.       parent: 'scale',
    794.       value: 2435
    795.     },
    796.     {
    797.       id: 'quantitativescale',
    798.       text: 'QuantitativeScale',
    799.       parent: 'scale',
    800.       value: 4839
    801.     },
    802.     {
    803.       id: 'rootscale',
    804.       text: 'RootScale',
    805.       parent: 'scale',
    806.       value: 1756
    807.     },
    808.     {
    809.       id: 'scale1',
    810.       text: 'Scale',
    811.       parent: 'scale',
    812.       value: 4268
    813.     },
    814.     {
    815.       id: 'scaletype',
    816.       text: 'ScaleType',
    817.       parent: 'scale',
    818.       value: 1821
    819.     },
    820.     {
    821.       id: 'timescale',
    822.       text: 'TimeScale',
    823.       parent: 'scale',
    824.       value: 5833
    825.     },
    826.     {
    827.       id: 'util',
    828.       text: 'util',
    829.       parent: 'flare'
    830.     },
    831.     {
    832.       id: 'arrays',
    833.       text: 'Arrays',
    834.       parent: 'util',
    835.       value: 8258
    836.     },
    837.     {
    838.       id: 'colors',
    839.       text: 'Colors',
    840.       parent: 'util',
    841.       value: 10001
    842.     },
    843.     {
    844.       id: 'dates',
    845.       text: 'Dates',
    846.       parent: 'util',
    847.       value: 8217
    848.     },
    849.     {
    850.       id: 'displays',
    851.       text: 'Displays',
    852.       parent: 'util',
    853.       value: 12555
    854.     },
    855.     {
    856.       id: 'filter',
    857.       text: 'Filter',
    858.       parent: 'util',
    859.       value: 2324
    860.     },
    861.     {
    862.       id: 'geometry',
    863.       text: 'Geometry',
    864.       parent: 'util',
    865.       value: 10993
    866.     },
    867.     {
    868.       id: 'heap',
    869.       text: 'heap',
    870.       parent: 'util'
    871.     },
    872.     {
    873.       id: 'fibonacciheap',
    874.       text: 'FibonacciHeap',
    875.       parent: 'heap',
    876.       value: 9354
    877.     },
    878.     {
    879.       id: 'heapnode',
    880.       text: 'HeapNode',
    881.       parent: 'heap',
    882.       value: 1233
    883.     },
    884.     {
    885.       id: 'ievaluable',
    886.       text: 'IEvaluable',
    887.       parent: 'util',
    888.       value: 335
    889.     },
    890.     {
    891.       id: 'ipredicate',
    892.       text: 'IPredicate',
    893.       parent: 'util',
    894.       value: 383
    895.     },
    896.     {
    897.       id: 'ivalueproxy',
    898.       text: 'IValueProxy',
    899.       parent: 'util',
    900.       value: 874
    901.     },
    902.     {
    903.       id: 'math',
    904.       text: 'math',
    905.       parent: 'util'
    906.     },
    907.     {
    908.       id: 'densematrix',
    909.       text: 'DenseMatrix',
    910.       parent: 'math',
    911.       value: 3165
    912.     },
    913.     {
    914.       id: 'imatrix',
    915.       text: 'IMatrix',
    916.       parent: 'math',
    917.       value: 2815
    918.     },
    919.     {
    920.       id: 'sparsematrix',
    921.       text: 'SparseMatrix',
    922.       parent: 'math',
    923.       value: 3366
    924.     },
    925.     {
    926.       id: 'maths',
    927.       text: 'Maths',
    928.       parent: 'util',
    929.       value: 17705
    930.     },
    931.     {
    932.       id: 'orientation',
    933.       text: 'Orientation',
    934.       parent: 'util',
    935.       value: 1486
    936.     },
    937.     {
    938.       id: 'palette',
    939.       text: 'palette',
    940.       parent: 'util'
    941.     },
    942.     {
    943.       id: 'colorpalette',
    944.       text: 'ColorPalette',
    945.       parent: 'palette',
    946.       value: 6367
    947.     },
    948.     {
    949.       id: 'palette1',
    950.       text: 'Palette',
    951.       parent: 'palette',
    952.       value: 1229
    953.     },
    954.     {
    955.       id: 'shapepalette',
    956.       text: 'ShapePalette',
    957.       parent: 'palette',
    958.       value: 2059
    959.     },
    960.     {
    961.       id: 'sizepalette',
    962.       text: 'SizePalette',
    963.       parent: 'palette',
    964.       value: 2291
    965.     },
    966.     {
    967.       id: 'property',
    968.       text: 'Property',
    969.       parent: 'util',
    970.       value: 5559
    971.     },
    972.     {
    973.       id: 'shapes',
    974.       text: 'Shapes',
    975.       parent: 'util',
    976.       value: 19118
    977.     },
    978.     {
    979.       id: 'sort',
    980.       text: 'Sort',
    981.       parent: 'util',
    982.       value: 6887
    983.     },
    984.     {
    985.       id: 'stats',
    986.       text: 'Stats',
    987.       parent: 'util',
    988.       value: 6557
    989.     },
    990.     {
    991.       id: 'strings',
    992.       text: 'Strings',
    993.       parent: 'util',
    994.       value: 22026
    995.     },
    996.     {
    997.       id: 'vis',
    998.       text: 'vis',
    999.       parent: 'flare'
    1000.     },
    1001.     {
    1002.       id: 'axis',
    1003.       text: 'axis',
    1004.       parent: 'vis'
    1005.     },
    1006.     {
    1007.       id: 'axes',
    1008.       text: 'Axes',
    1009.       parent: 'axis',
    1010.       value: 1302
    1011.     },
    1012.     {
    1013.       id: 'axis1',
    1014.       text: 'Axis',
    1015.       parent: 'axis',
    1016.       value: 24593
    1017.     },
    1018.     {
    1019.       id: 'axisgridline',
    1020.       text: 'AxisGridLine',
    1021.       parent: 'axis',
    1022.       value: 652
    1023.     },
    1024.     {
    1025.       id: 'axislabel',
    1026.       text: 'AxisLabel',
    1027.       parent: 'axis',
    1028.       value: 636
    1029.     },
    1030.     {
    1031.       id: 'cartesianaxes',
    1032.       text: 'CartesianAxes',
    1033.       parent: 'axis',
    1034.       value: 6703
    1035.     },
    1036.     {
    1037.       id: 'controls',
    1038.       text: 'controls',
    1039.       parent: 'vis'
    1040.     },
    1041.     {
    1042.       id: 'anchorcontrol',
    1043.       text: 'AnchorControl',
    1044.       parent: 'controls',
    1045.       value: 2138
    1046.     },
    1047.     {
    1048.       id: 'clickcontrol',
    1049.       text: 'ClickControl',
    1050.       parent: 'controls',
    1051.       value: 3824
    1052.     },
    1053.     {
    1054.       id: 'control',
    1055.       text: 'Control',
    1056.       parent: 'controls',
    1057.       value: 1353
    1058.     },
    1059.     {
    1060.       id: 'controllist',
    1061.       text: 'ControlList',
    1062.       parent: 'controls',
    1063.       value: 4665
    1064.     },
    1065.     {
    1066.       id: 'dragcontrol',
    1067.       text: 'DragControl',
    1068.       parent: 'controls',
    1069.       value: 2649
    1070.     },
    1071.     {
    1072.       id: 'expandcontrol',
    1073.       text: 'ExpandControl',
    1074.       parent: 'controls',
    1075.       value: 2832
    1076.     },
    1077.     {
    1078.       id: 'hovercontrol',
    1079.       text: 'HoverControl',
    1080.       parent: 'controls',
    1081.       value: 4896
    1082.     },
    1083.     {
    1084.       id: 'icontrol',
    1085.       text: 'IControl',
    1086.       parent: 'controls',
    1087.       value: 763
    1088.     },
    1089.     {
    1090.       id: 'panzoomcontrol',
    1091.       text: 'PanZoomControl',
    1092.       parent: 'controls',
    1093.       value: 5222
    1094.     },
    1095.     {
    1096.       id: 'selectioncontrol',
    1097.       text: 'SelectionControl',
    1098.       parent: 'controls',
    1099.       value: 7862
    1100.     },
    1101.     {
    1102.       id: 'tooltipcontrol',
    1103.       text: 'TooltipControl',
    1104.       parent: 'controls',
    1105.       value: 8435
    1106.     },
    1107.     {
    1108.       id: 'data1',
    1109.       text: 'data',
    1110.       parent: 'vis'
    1111.     },
    1112.     {
    1113.       id: 'data2',
    1114.       text: 'Data',
    1115.       parent: 'data1',
    1116.       value: 20544
    1117.     },
    1118.     {
    1119.       id: 'datalist',
    1120.       text: 'DataList',
    1121.       parent: 'data1',
    1122.       value: 19788
    1123.     },
    1124.     {
    1125.       id: 'datasprite',
    1126.       text: 'DataSprite',
    1127.       parent: 'data1',
    1128.       value: 10349
    1129.     },
    1130.     {
    1131.       id: 'edgesprite',
    1132.       text: 'EdgeSprite',
    1133.       parent: 'data1',
    1134.       value: 3301
    1135.     },
    1136.     {
    1137.       id: 'nodesprite',
    1138.       text: 'NodeSprite',
    1139.       parent: 'data1',
    1140.       value: 19382
    1141.     },
    1142.     {
    1143.       id: 'render',
    1144.       text: 'render',
    1145.       parent: 'data1'
    1146.     },
    1147.     {
    1148.       id: 'arrowtype',
    1149.       text: 'ArrowType',
    1150.       parent: 'render',
    1151.       value: 698
    1152.     },
    1153.     {
    1154.       id: 'edgerenderer',
    1155.       text: 'EdgeRenderer',
    1156.       parent: 'render',
    1157.       value: 5569
    1158.     },
    1159.     {
    1160.       id: 'irenderer',
    1161.       text: 'IRenderer',
    1162.       parent: 'render',
    1163.       value: 353
    1164.     },
    1165.     {
    1166.       id: 'shaperenderer',
    1167.       text: 'ShapeRenderer',
    1168.       parent: 'render',
    1169.       value: 2247
    1170.     },
    1171.     {
    1172.       id: 'scalebinding',
    1173.       text: 'ScaleBinding',
    1174.       parent: 'data1',
    1175.       value: 11275
    1176.     },
    1177.     {
    1178.       id: 'tree',
    1179.       text: 'Tree',
    1180.       parent: 'data1',
    1181.       value: 7147
    1182.     },
    1183.     {
    1184.       id: 'treebuilder',
    1185.       text: 'TreeBuilder',
    1186.       parent: 'data1',
    1187.       value: 9930
    1188.     },
    1189.     {
    1190.       id: 'events',
    1191.       text: 'events',
    1192.       parent: 'vis'
    1193.     },
    1194.     {
    1195.       id: 'dataevent',
    1196.       text: 'DataEvent',
    1197.       parent: 'events',
    1198.       value: 2313
    1199.     },
    1200.     {
    1201.       id: 'selectionevent',
    1202.       text: 'SelectionEvent',
    1203.       parent: 'events',
    1204.       value: 1880
    1205.     },
    1206.     {
    1207.       id: 'tooltipevent',
    1208.       text: 'TooltipEvent',
    1209.       parent: 'events',
    1210.       value: 1701
    1211.     },
    1212.     {
    1213.       id: 'visualizationevent',
    1214.       text: 'VisualizationEvent',
    1215.       parent: 'events',
    1216.       value: 1117
    1217.     },
    1218.     {
    1219.       id: 'legend',
    1220.       text: 'legend',
    1221.       parent: 'vis'
    1222.     },
    1223.     {
    1224.       id: 'legend1',
    1225.       text: 'Legend',
    1226.       parent: 'legend',
    1227.       value: 20859
    1228.     },
    1229.     {
    1230.       id: 'legenditem',
    1231.       text: 'LegendItem',
    1232.       parent: 'legend',
    1233.       value: 4614
    1234.     },
    1235.     {
    1236.       id: 'legendrange',
    1237.       text: 'LegendRange',
    1238.       parent: 'legend',
    1239.       value: 10530
    1240.     },
    1241.     {
    1242.       id: 'operator',
    1243.       text: 'operator',
    1244.       parent: 'vis'
    1245.     },
    1246.     {
    1247.       id: 'distortion',
    1248.       text: 'distortion',
    1249.       parent: 'operator'
    1250.     },
    1251.     {
    1252.       id: 'bifocaldistortion',
    1253.       text: 'BifocalDistortion',
    1254.       parent: 'distortion',
    1255.       value: 4461
    1256.     },
    1257.     {
    1258.       id: 'distortion1',
    1259.       text: 'Distortion',
    1260.       parent: 'distortion',
    1261.       value: 6314
    1262.     },
    1263.     {
    1264.       id: 'fisheyedistortion',
    1265.       text: 'FisheyeDistortion',
    1266.       parent: 'distortion',
    1267.       value: 3444
    1268.     },
    1269.     {
    1270.       id: 'encoder',
    1271.       text: 'encoder',
    1272.       parent: 'operator'
    1273.     },
    1274.     {
    1275.       id: 'colorencoder',
    1276.       text: 'ColorEncoder',
    1277.       parent: 'encoder',
    1278.       value: 3179
    1279.     },
    1280.     {
    1281.       id: 'encoder1',
    1282.       text: 'Encoder',
    1283.       parent: 'encoder',
    1284.       value: 4060
    1285.     },
    1286.     {
    1287.       id: 'propertyencoder',
    1288.       text: 'PropertyEncoder',
    1289.       parent: 'encoder',
    1290.       value: 4138
    1291.     },
    1292.     {
    1293.       id: 'shapeencoder',
    1294.       text: 'ShapeEncoder',
    1295.       parent: 'encoder',
    1296.       value: 1690
    1297.     },
    1298.     {
    1299.       id: 'sizeencoder',
    1300.       text: 'SizeEncoder',
    1301.       parent: 'encoder',
    1302.       value: 1830
    1303.     },
    1304.     {
    1305.       id: 'filter1',
    1306.       text: 'filter',
    1307.       parent: 'operator'
    1308.     },
    1309.     {
    1310.       id: 'fisheyetreefilter',
    1311.       text: 'FisheyeTreeFilter',
    1312.       parent: 'filter1',
    1313.       value: 5219
    1314.     },
    1315.     {
    1316.       id: 'graphdistancefilter',
    1317.       text: 'GraphDistanceFilter',
    1318.       parent: 'filter1',
    1319.       value: 3165
    1320.     },
    1321.     {
    1322.       id: 'visibilityfilter',
    1323.       text: 'VisibilityFilter',
    1324.       parent: 'filter1',
    1325.       value: 3509
    1326.     },
    1327.     {
    1328.       id: 'ioperator',
    1329.       text: 'IOperator',
    1330.       parent: 'operator',
    1331.       value: 1286
    1332.     },
    1333.     {
    1334.       id: 'label',
    1335.       text: 'label',
    1336.       parent: 'operator'
    1337.     },
    1338.     {
    1339.       id: 'labeler',
    1340.       text: 'Labeler',
    1341.       parent: 'label',
    1342.       value: 9956
    1343.     },
    1344.     {
    1345.       id: 'radiallabeler',
    1346.       text: 'RadialLabeler',
    1347.       parent: 'label',
    1348.       value: 3899
    1349.     },
    1350.     {
    1351.       id: 'stackedarealabeler',
    1352.       text: 'StackedAreaLabeler',
    1353.       parent: 'label',
    1354.       value: 3202
    1355.     },
    1356.     {
    1357.       id: 'layout',
    1358.       text: 'layout',
    1359.       parent: 'operator'
    1360.     },
    1361.     {
    1362.       id: 'axislayout',
    1363.       text: 'AxisLayout',
    1364.       parent: 'layout',
    1365.       value: 6725
    1366.     },
    1367.     {
    1368.       id: 'bundlededgerouter',
    1369.       text: 'BundledEdgeRouter',
    1370.       parent: 'layout',
    1371.       value: 3727
    1372.     },
    1373.     {
    1374.       id: 'circlelayout',
    1375.       text: 'CircleLayout',
    1376.       parent: 'layout',
    1377.       value: 9317
    1378.     },
    1379.     {
    1380.       id: 'circlepackinglayout',
    1381.       text: 'CirclePackingLayout',
    1382.       parent: 'layout',
    1383.       value: 12003
    1384.     },
    1385.     {
    1386.       id: 'dendrogramlayout',
    1387.       text: 'DendrogramLayout',
    1388.       parent: 'layout',
    1389.       value: 4853
    1390.     },
    1391.     {
    1392.       id: 'forcedirectedlayout',
    1393.       text: 'ForceDirectedLayout',
    1394.       parent: 'layout',
    1395.       value: 8411
    1396.     },
    1397.     {
    1398.       id: 'icicletreelayout',
    1399.       text: 'IcicleTreeLayout',
    1400.       parent: 'layout',
    1401.       value: 4864
    1402.     },
    1403.     {
    1404.       id: 'indentedtreelayout',
    1405.       text: 'IndentedTreeLayout',
    1406.       parent: 'layout',
    1407.       value: 3174
    1408.     },
    1409.     {
    1410.       id: 'layout1',
    1411.       text: 'Layout',
    1412.       parent: 'layout',
    1413.       value: 7881
    1414.     },
    1415.     {
    1416.       id: 'nodelinktreelayout',
    1417.       text: 'NodeLinkTreeLayout',
    1418.       parent: 'layout',
    1419.       value: 12870
    1420.     },
    1421.     {
    1422.       id: 'pielayout',
    1423.       text: 'PieLayout',
    1424.       parent: 'layout',
    1425.       value: 2728
    1426.     },
    1427.     {
    1428.       id: 'radialtreelayout',
    1429.       text: 'RadialTreeLayout',
    1430.       parent: 'layout',
    1431.       value: 12348
    1432.     },
    1433.     {
    1434.       id: 'randomlayout',
    1435.       text: 'RandomLayout',
    1436.       parent: 'layout',
    1437.       value: 870
    1438.     },
    1439.     {
    1440.       id: 'stackedarealayout',
    1441.       text: 'StackedAreaLayout',
    1442.       parent: 'layout',
    1443.       value: 9121
    1444.     },
    1445.     {
    1446.       id: 'treemaplayout',
    1447.       text: 'TreeMapLayout',
    1448.       parent: 'layout',
    1449.       value: 9191
    1450.     },
    1451.     {
    1452.       id: 'operator1',
    1453.       text: 'Operator',
    1454.       parent: 'operator',
    1455.       value: 2490
    1456.     },
    1457.     {
    1458.       id: 'operatorlist',
    1459.       text: 'OperatorList',
    1460.       parent: 'operator',
    1461.       value: 5248
    1462.     },
    1463.     {
    1464.       id: 'operatorsequence',
    1465.       text: 'OperatorSequence',
    1466.       parent: 'operator',
    1467.       value: 4190
    1468.     },
    1469.     {
    1470.       id: 'operatorswitch',
    1471.       text: 'OperatorSwitch',
    1472.       parent: 'operator',
    1473.       value: 2581
    1474.     },
    1475.     {
    1476.       id: 'sortoperator',
    1477.       text: 'SortOperator',
    1478.       parent: 'operator',
    1479.       value: 2023
    1480.     },
    1481.     {
    1482.       id: 'visualization',
    1483.       text: 'Visualization',
    1484.       parent: 'vis',
    1485.       value: 16540
    1486.     }
    1487.   ];
    1488.  
    1489.   // full ZingChart schema can be found here:
    1490.   // https://www.zingchart.com/docs/api/json-configuration/
    1491.   let chartConfig = {
    1492.     type: 'sunburst',
    1493.     globals: {
    1494.       fontSize: '14px'
    1495.     },
    1496.     title: {
    1497.       text: "Value Boxes"
    1498.     },
    1499.     subtitle: {
    1500.       text: "with placement set to 'in' and 'out' based on the node value",
    1501.       'font-weight': "normal"
    1502.     },
    1503.     options: {
    1504.       palette: ['#7CA82B', '#29A2CC', '#D31E1E', '#EF8535', '#A05F18', '#265E96', '#6B7075', '#28536B', '#A87356', '#70AE6E', '#764493', '#BA163B', '#E8630A'],
    1505.       slice: 0,
    1506.       space: 0
    1507.     },
    1508.     // plot represents general series, or plots, styling
    1509.     plot: {
    1510.       // hoverstate
    1511.       tooltip: {
    1512.         align: 'left',
    1513.         padding: '10px 15px',
    1514.         borderRadius: '3px',
    1515.         thousandsSeparator: ','
    1516.       },
    1517.       'value-box': {
    1518.         text: "%v",
    1519.         'font-size': 12,
    1520.         'font-family': "Georgia",
    1521.         'font-weight': "normal",
    1522.         rules: [{
    1523.             rule: "%v > 60001",
    1524.             placement: "in",
    1525.             'offset-r': "50%",
    1526.             'font-color': "white",
    1527.           },
    1528.           {
    1529.             rule: "%v <= 6000",
    1530.             placement: "out",
    1531.             'font-color': "gray",
    1532.           }
    1533.         ]
    1534.       }
    1535.     },
    1536.     plotarea: {
    1537.       margin: '20px 5px 5px 5px'
    1538.     },
    1539.     scaleR: {
    1540.       '-ref-angle': 180,
    1541.       '-aperture': 180
    1542.     },
    1543.     series: chartData
    1544.   };
    1545.  
    1546.   // render chart
    1547.   zingchart.render({
    1548.     id: 'myChart',
    1549.     data: chartConfig,
    1550.     height: '100%',
    1551.     width: '100%',
    1552.   });
    1553. });