Мне нужно создать векторную графику, которая содержит линии, круги, текст, линии со стрелками и т. Д. Они будут созданы с использованием данных из базы данных. Кроме того, при нажатии на конкретный элемент в векторной графике он должен выделять тот же объект в древовидном представлении. (Например, раздел присутствует в древовидном представлении и представлен линией стрелки. Поэтому, если я щелкну на линии стрелки на графике, он должен выделить узел сечения, представленный в древовидном представлении).
Также, если я добавлю некоторые объекты в виде дерева, то это будет добавлено и к графическому изображению.
Я прошел много уроков и ссылок по SVG, но они не сильно помогли.
Если кто-то может помочь мне с вышеуказанным запросом или знает о том, как этого можно достичь, пожалуйста, помогите.
Заранее спасибо!