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