D3 строка или диаграмма области с серией, которые пересекаются друг с другом

Question

Я пытаюсь составить диаграмму, чтобы визуализировать нашу отсталость продукта с течением времени. Моя идея состоит в том, чтобы показать строку («серию») для каждого рабочего элемента, причем каждая строка имеет ширину в соответствии с ее оценкой, и каждая строка укладывается во все остальные рабочие элементы, которые впереди (по состоянию на каждый день) , Таким образом, в любой день, линия должна быть на высоте оси Y, представляющей, сколько работы впереди на отставании.

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

(Я пытаюсь продемонстрировать высокоточный «поток» рабочих элементов - те, что находятся в верхней части очереди, будут продолжать выполняться, но те, которые находятся рядом с задней частью очереди, будут просто сидеть там долгое время, новые будут появляться периодически, а старые будут отменены. Я полагаю, что рендерная диаграмма будет выглядеть как полосы ветра, если вы это сделаете.)

Есть ли способ сделать это в D3, может быть?

Answer 1

Практически любая диаграмма визуализации, которую вы можете думать о может быть выполнена с помощью d3, это просто вопрос исполнения.

Я не уверен, что вы описываете, но это что-то вроде этого baby name chart?

Вы можете посмотреть через gallery, чтобы увидеть множество различных примеров того, что возможно с d3.