Нарисуйте простую временную шкалу с D3
Это то, что я пытаюсь выполнить:
![Timeline]()
В этом примере у меня есть дата начала (1º июн 2011), дата окончания (1º по июлю 2012 года) и несколько событий между этим диапазоном.
Каждое событие связано с одним днем календаря (хотя возможно иметь много событий за один день).
Эти данные извлекаются из базы данных MySQL.
Любая помощь или предложение будут высоко оценены.
Ответы
Ответ 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.