Визуализация данных на сайте в виде графа в личном кабинете

Как реализовать: 

1. Создаем таблицу.

Если нужны фильтры, то создаем дополнительные колонки для фильтров (они не будут выводиться как данные, а будут использованы только для фильтрации в GetItems).

2. Прописываем GetItems 

CREATE PROCEDURE [dbo].[crud_watch_graph_getItems]
	@filters CRUDFilterParameter READONLY,
	@sort sql_variant,
	@direction nvarchar(8),
	@page int,
	@pageSize int,
	@username nvarchar(32)
AS
BEGIN
    -- filters...
	declare @text nvarchar(128)=''
	select @text = Value from @filters where [Key] = 'text'
	
    -- SELECT 1
    select 'node1' id, 'node1' name, '#aaf' color, 'circle' type, 3 dim
	union
    select 'node2' id, 'node2' name, '#f00' color, 'circle' type, 6 dim
	union
    select 'node3' id, 'node3' name, '#f50' color, 'circle' type, 10 dim
	union
    select 'node4' id, 'node4' name, '#f02' color, 'circle' type, 8 dim
	union
    select 'node5' id, 'node5' name, '#f0f' color, 'circle' type, 12 dim
	union
    select 'node6' id, 'node6' name, '#3f0' color, 'circle' type, 5 dim
	union
    select 'node7' id, 'node7' name, '#2d0' color, 'circle' type, 8 dim
	union
    select 'node8' id, 'node8' name, '#21f' color, 'circle' type, 3 dim
	union
    select 'node9' id, 'node9' name, '#05f' color, 'circle' type, 5 dim
	union
    select 'node10' id, 'node10' name, '#47a' color, 'circle' type, 15 dim


	-- SELECT 2
	select count(*) from @ids	

	-- SELECT 3
    select 'h4' headerTag, 
    	'graph' viewType,
    	'{"contHeight": "400px"
        }' graphOptions
		
	-- 4 SELECT Footer data or kanban/gantt data
    select 'node1' nodeFrom, 'node2' nodeTo, '#00f' color
    union
    select 'node2' nodeFrom, 'node10' nodeTo, '#0ff' color
    union
    select 'node3' nodeFrom, 'node8' nodeTo, '#0f0' color
    union
    select 'node6' nodeFrom, 'node1' nodeTo, '#0f0' color
    union
    select 'node4' nodeFrom, 'node10' nodeTo, '#0f0' color
    union
    select 'node2' nodeFrom, 'node7' nodeTo, '#0f0' color
    union
    select 'node7' nodeFrom, 'node3' nodeTo, '#0f0' color
    union
    select 'node10' nodeFrom, 'node2' nodeTo, '#0f0' color
    union
    select 'node6' nodeFrom, 'node9' nodeTo, '#0f0' color
    union
    select 'node7' nodeFrom, 'node9' nodeTo, '#0f0' color
    union
    select 'node8' nodeFrom, 'node4' nodeTo, '#0f0' color
    

END

Подробности - https://falcon.web-automation.ru/docs/vyvod-dannykh-v-vide-grafa-na-sayte