Спасибо

Всем привет! Нужна помощь в решении проблемы с отрисовкой визуализации по фильтру, посмотрите, кто в теме: https://stackoverflow.com/questions/64195563/d3-redraw-chart-with-filter

а надо ли так сложно через redraw? имхо проще выставлять стиль visibility: visible | hidden

Всем добрый день! Подскажите пожалуйста, у кого-нибудь есть опыт в создании графов будь то на d3 или любой другой библиотеке. Сам перерыл кучу библиотек, так и не нашёл решения чтобы удовлетворяло всем потребностям. Подскажите можно сделать граф согласно ТЗ и сколько это будет примерно стоить?

Если кто готов взяться прошу писать в лс @theverymanthatinthemiddle

Цель: получить интерфейс графа связей (блок-схемы, entity–relationship).
Основные требования:
1) Возможность раскрашивать вершины и связи
2) Возможность подписывать вершины и связи, притом подписи не должны закрывать друг друга
3) Интерфейс должен давать возможность добавлять/удалять/выделять вершины, связи, подписи. А также приближать граф, удалять, выводить на печать как часть, так и весь граф целиком а также сохранение в pdf/jpeg или аналог
4) вершины разной формы (круг, квадрат, ромб, прямоугольник, иконка font-awesome или аналог, изображение)
5) Вершина должна адаптироваться в зависимости от количества текста внутри него, в идеале текст внутри Вершины должен иметь возможность форматироваться посредством html или хотя бы изменяться размер/жирный/курсив/иконки
6) Связи должны иметь свойства: жирная, обычная, пунктир, точка-тире, стрелка в одну сторону, стрелка в обе стороны
7) Граф должен сам располагаться на рабочем поле таким образом чтобы он был читаемый, в идеале должна быть возможность применять разные методы расположения объектов (органический, иерархический, древовидный)
8) Рабочее поле должно быть «бесконечным» - не ограниченным размером окна/монитора. Возможность произвольности перетаскивать объекты на поле при этом подписи и объекты не должны перекрывать друг друга.

Либо готовая либа на основе d3.js или пиши сам

Самому не вариант, это мне сначала полгода учиться надо будет 😂

Всем привет, кто ни будь нечто подобное делал/видел?

Только самая последняя должна быть изменяемой

Подскажите, как мне найти похожие примеры

@igor_1a, спасибо, ответь на stackoverflow, я же ссылку спецом дал )

думаю можно через https://visjs.github.io/vis-network/examples ибо вроде удовлетворяет твоим требованиям. а насчет печати частями - решается другими средствами имхо

ну закинь тогда уж свой код в jsfiddle, там и будем разбираться. ибо возможно мой вариант и не прокатит

Ок, договорились, на связи )

см. похожее https://bl.ocks.org/AlainRo/9264cd08e341f2c92f020c39642c34d1

этот я видел) и с него слепил вот это. я не понимаю как сделать так, чтобы только последний из них был изменяемым

ну по-грязному как-то так:
//.call(brushX.move, function (d){return [0, d.value].map(scaleX);});
.call(brushX.move, function (d, i) {
 if (i + 1 === data.length) // только последний
   return [0, d.value].map(scaleX);
 });
по аналогии остальное, плюс курсоры в css...

получилось вот так. Только у последнего есть значение х и у