Подтвердить что ты не робот

Нарисуйте простую временную шкалу с D3

Это то, что я пытаюсь выполнить:

Timeline

В этом примере у меня есть дата начала (1º июн 2011), дата окончания (1º по июлю 2012 года) и несколько событий между этим диапазоном.

Каждое событие связано с одним днем ​​календаря (хотя возможно иметь много событий за один день).

Эти данные извлекаются из базы данных MySQL.

Любая помощь или предложение будут высоко оценены.

4b9b3361

Ответ 1

Недавно мне пришлось сделать что-то подобное. Я закончил тем, что написал плагин d3, который мог бы обработать этот случай среди нескольких других. https://github.com/jiahuang/d3-timeline

enter image description here

enter image description here

enter image description here

enter image description here

Я тоже довольно новичок в D3, но надеюсь, что это будет полезно.

Ответ 2

Вы сможете выполнить это с помощью шкалы времени и axis

Скотт Мюррей имеет действительно хороший набор обучающих программ, который завершается одним для axes

Подумайте о своей временной линии как одномерной диаграмме рассеяния со шкалой времени.

Ответ 3

Я собираюсь разработать аналогичную визуализацию и найти на Github timeknots компонент на основе d3.js.