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