[
    {
		"id": "main",
		"title": "Main page",
		"cr": 33,
		"br": 12,
		"conversion": 25,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_01.png",
		"info": "Develop enterprise web and mobile applications with rich interface and fast performance using HTML5 JS UI framework",
		"link": "https://dhtmlx.com/"
    },
    {
		"id": "gantt",
		"title": "DHTMLX Gantt Chart",
		"cr": 45,
		"br": 10,
		"conversion": 25,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_02.png",
		"info": "DHTMLX Gantt is a full-featured Gantt chart for cross-browser and cross-platform applications. The most complete library to cover all the needs of a project management app",
		"link": "https://dhtmlx.com/docs/products/dhtmlxGantt/",
		"parent": "main"
    },
    {
		"id": "vault",
		"title": "DHTMLX Vault",
		"cr": 35,
		"br": 18,
		"conversion": 15,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_03.png",
		"info": "The JS file upload library is an extremely easy-to-use control for the intuitive uploading and managing of various file types",
		"link": "https://dhtmlx.com/docs/products/dhtmlxVault/",
		"parent": "main"
    },
    {
		"id": "diagram",
		"title": "DHTMLX Diagram",
		"cr": 45,
		"br": 20,
		"conversion": 30,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_04.png",
		"info": "JavaScript diagram is a ready-to-use library for generating any diagrams you need in a few lines of code. Visualize complex data in neat hierarchical structure with the help of automatic layout and live diagram editors",
		"link": "https://dhtmlx.com/docs/products/dhtmlxDiagram/",
		"parent": "main"
    },
    {
		"id": "pivot",
		"title": "DHTMLX Pivot",
		"cr": 34,
		"br": 18,
		"conversion": 12,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_05.png",
		"info": "Improve your business intelligence by visualizing your complex data with our high-speed JavaScript/HTML5 Pivot component. It helps you to summarize large data sets in a convenient way",
		"link": "https://dhtmlx.com/docs/products/dhtmlxPivot/",
		"parent": "main"
    },
    {
		"id": "suite",
		"title": "DHTMLX Suite",
		"cr": 45,
		"br": 14,
		"conversion": 22,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_10.png",
		"info": "Lightweight, fast, and versatile JavaScript/HTML5 UI widgets library for creating modern user interfaces. DHTMLX Suite helps to advance web development and build data-intensive applications with rich functionality",
		"link": "https://dhtmlx.com/docs/products/dhtmlxSuite/",
		"parent": "main",
		"open": false
    },
    {
		"id": "spreadsheet",
		"title": "DHTMLX Spreadsheet",
		"cr": 34,
		"br": 18,
		"conversion": 5,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_06.png",
		"info": "Highly customizable JavaScript spreadsheet component with elegant Material style for editing and formatting data safely and conveniently",
		"link": "https://dhtmlx.com/docs/products/dhtmlxSpreadsheet/",
		"parent": "main"
    },
    {
		"id": "richtext",
		"title": "DHTMLX Rich Text Editor",
		"cr": 42,
		"br": 16,
		"conversion": 8,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_07.png",
		"info": "Fully customizable JavaScript rich text editor with support for HTML and markdown as input and output formats",
		"link": "https://dhtmlx.com/docs/products/dhtmlxRichText/",
		"parent": "main"
    },
    {
		"id": "scheduler",
		"title": "DHTMLX Scheduler",
		"cr": 44,
		"br": 15,
		"conversion": 25,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_08.png",
		"info": "JavaScript Scheduler is a Google-like event calendar component with 10 views and numerous features for booking appointments. Clean UI and customizable appearance. Perfect solution for scheduling with all required functionality out-of-the-box",
		"link": "https://dhtmlx.com/docs/products/dhtmlxScheduler/",
		"parent": "main"
    },
    {
		"id": "kanban",
		"title": "DHTMLX Kanban",
		"cr": 45,
		"br": 24,
		"conversion": 18,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_09.png",
		"info": "Develop full-fledged web apps with DHTMLX JavaScript Kanban board. Combine slick Kanban and Gantt chart in one powerful project management solution. Let users gain complete control over their workload and manage tasks efficiently",
		"link": "https://dhtmlx.com/docs/products/dhtmlxKanban/",
		"parent": "main"
    },
    {
		"id": "window",
		"title": "DHTMLX Window",
		"cr": 45,
		"br": 14,
		"conversion": 25,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_11.png",
		"info": "An easy-to-use JavaScript/HTML window with convenient modes and smooth customization. Part of the leading-edge Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxWindow/",
		"parent": "suite"
    },
    {
		"id": "treegrid",
		"title": "DHTMLX TreeGrid",
		"cr": 48,
		"br": 12,
		"conversion": 10,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_12.png",
		"info": "JavaScript TreeGrid control offers a convenient way of working with a large amount of data presented in hierarchical HTML5 tree tables. It is a perfect fit for dynamic dashboards, reports, CRM systems, and other data-heavy applications",
		"link": "https://dhtmlx.com/docs/products/dhtmlxTreeGrid/",
		"parent": "suite"
    },
    {
		"id": "tree",
		"title": "DHTMLX Tree",
		"cr": 38,
		"br": 15,
		"conversion": 6,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_13.png",
		"info": "dhtmlxTree is an easily configurable JavaScript/HTML tree with convenient drag-n-drop, inline editing, and wide customization options. Part of the state-of-the-art Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxTree/",
		"parent": "suite"
    },
    {
		"id": "toolbar",
		"title": "DHTMLX Toolbar",
		"cr": 42,
		"br": 18,
		"conversion": 8,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_14.png",
		"info": "A fully customizable JavaScript/HTML5 toolbar with an entirely adjustable structure and diverse types of controls. Part of the leading-edge Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxToolbar/",
		"parent": "suite"
    },
    {
		"id": "timepicker",
		"title": "DHTMLX Timepicker",
		"cr": 44,
		"br": 22,
		"conversion": 15,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_16.png",
		"info": "A neat and handy JavaScript time picker control with simple customization. Part of the leading-edge Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxTimePicker/",
		"parent": "suite"
    },
    {
		"id": "grid",
		"title": "DHTMLX Grid",
		"cr": 48,
		"br": 23,
		"conversion": 35,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_17.png",
		"info": "DHTMLX JavaScript DataGrid is a a data-intensive UI widget for processing a large amount of data at lightning speed and conveniently editing, filtering, and sorting data in tables",
		"link": "https://dhtmlx.com/docs/products/dhtmlxGrid/",
		"parent": "suite"
    },
    {
		"id": "dataview",
		"title": "DHTMLX DataView",
		"cr": 36,
		"br": 13,
		"conversion": 10,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_18.png",
		"info": "JavaScript DataView is a modern UI widget for displaying data neatly in dashboards, ecommerce apps, courier tracking systems, and any other popular web applications",
		"link": "https://dhtmlx.com/docs/products/dhtmlxDataView/",
		"parent": "suite"
    },
    {
		"id": "chart",
		"title": "DHTMLX Chart",
		"cr": 46,
		"br": 16,
		"conversion": 14,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_19.png",
		"info": "A versatile JavaScript/HTML5 chart library with unlimited customization and configuration possibilities. Part of the Suite UI library based on Material design",
		"link": "https://dhtmlx.com/docs/products/dhtmlxChart/",
		"parent": "suite"
    },
    {
		"id": "colorpicker",
		"title": "DHTMLX ColorPicker",
		"cr": 56,
		"br": 26,
		"conversion": 12,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_20.png",
		"info": "A beautiful Material design color picker in pure JavaScript equipped with a rich color palette and boundless customization options. Part of the state-of-the-art Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxColorPicker/",
		"parent": "suite"
    },
    {
		"id": "calendar",
		"title": "DHTMLX Calendar",
		"cr": 46,
		"br": 21,
		"conversion": 25,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_21.png",
		"info": "Versatile HTML calendar in pure JavaScript with three calendar views for quickly navigating dates and selecting time and date ranges",
		"link": "https://dhtmlx.com/docs/products/dhtmlxCalendar/",
		"parent": "suite"
    },
    {
		"id": "combobox",
		"title": "DHTMLX Combobox",
		"cr": 44,
		"br": 14,
		"conversion": 14,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_22.png",
		"info": "JavaScript/HTML5 ComboBox is a customizable select box control with a dropdown list of options and an autocomplete feature. Part of the leading-edge Suite UI widget library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxCombo/",
		"parent": "suite"
    },
    {
		"id": "form",
		"title": "DHTMLX Form",
		"cr": 43,
		"br": 12,
		"conversion": 32,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_24.png",
		"info": "Fully customizable JavaScript forms with a wide range of form controls and form validation. Part of the leading-edge Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxForm/",
		"parent": "suite"
    },
    {
		"id": "layout",
		"title": "DHTMLX Layout",
		"cr": 40,
		"br": 18,
		"conversion": 10,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_25.png",
		"info": "An entirely customizable JavaScript Layout for creating user-friendly web interfaces on the fly. Part of the leading-edge Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxLayout/",
		"parent": "suite"
    },
    {
		"id": "list",
		"title": "DHTMLX List",
		"cr": 44,
		"br": 20,
		"conversion": 12,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_26.png",
		"info": "JavaScript ListView is a list control for displaying and manipultating items in a customizable list with dynamic rendering. Part of the leading-edge Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxList/",
		"parent": "suite"
    },
    {
		"id": "menu",
		"title": "DHTMLX Menu",
		"cr": 34,
		"br": 21,
		"conversion": 15,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_27.png",
		"info": "An easy-to-use set of JavaScript/HTML menu and context menu components for handy navigation with flexible customization. Part of the all-encompassing Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxMenu/",
		"parent": "suite"
    },
    {
		"id": "message",
		"title": "DHTMLX Message",
		"cr": 44,
		"br": 20,
		"conversion": 15,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_28.png",
		"info": "dhtmlxMessage is a set of easily configurable JavaScript/HTML dialog boxes for showing confirmations, alerts, notifications, and tooltips with flexible customization. Part of the Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxMessage/",
		"parent": "suite"
    },
    {
		"id": "pagination",
		"title": "DHTMLX Pagination",
		"cr": 46,
		"br": 21,
		"conversion": 25,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_29.png",
		"info": "User-friendly navigation through large data sets with the help of a customizable JavaScript paging control from DHTMLX Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxPagination/",
		"parent": "suite"
    },
    {
		"id": "popup",
		"title": "DHTMLX Popup",
		"cr": 36,
		"br": 21,
		"conversion": 5,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_30.png",
		"info": "An easy-to-use JavaScript/HTML popup with flexible customization. Part of the leading-edge Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxPopup/",
		"parent": "suite"
    },
    {
		"id": "ribbon",
		"title": "DHTMLX Ribbon",
		"cr": 46,
		"br": 24,
		"conversion": 5,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_31.png",
		"info": "dhtmlxRibbon is a highly customizable JavaScript/HTML ribbon with a wide variety of controls and flexible configuration. Part of the leading-edge Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxRibbon/",
		"parent": "suite"
    },
    {
		"id": "sidebar",
		"title": "DHTMLX Sidebar",
		"cr": 56,
		"br": 24,
		"conversion": 10,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_32.png",
		"info": "dhtmlxSidebar is a flexible and customizable JavaScript/HTML sidebar for convenient navigation with the help of various controls. Part of the modern Suite UI library",
		"link": "https://dhtmlx.com/docs/products/dhtmlxSidebar/",
		"parent": "suite"
    },
    {
		"id": "slider",
		"title": "DHTMLX Slider",
		"cr": 46,
		"br": 24,
		"conversion": 20,
		"view": "https://snippet.dhtmlx.com/codebase/data/diagram/09/img/img_33.png",
		"info": "JS slider control is a draggable slider bar for creating vertical and horizontal range sliders on a page",
		"link": "https://dhtmlx.com/docs/products/dhtmlxSlider/",
		"parent": "suite"
    }
]