javascript - graphs - Dibuja una línea de tiempo simple con D3

jquery d3

Question

Esto es lo que intento lograr:

En este ejemplo, tengo una fecha de inicio (1º de junio de 2011), una fecha de finalización (1º de julio de 2012) y múltiples eventos entre este rango.

Cada evento está relacionado con un día del calendario (aunque es posible tener muchos eventos en un solo día).

Esta información se obtiene de una base de datos MySQL.

Cualquier ayuda o sugerencia será muy apreciada.

Answer 1

Debería poder lograr esto con una escala de tiempo y un axis

Scott Murray tiene un conjunto de tutoriales realmente bueno que culmina en uno para los axes

Solo piense en su línea de tiempo como un diagrama de dispersión unidimensional con una escala de tiempo.

Answer 2

Recientemente tuve que hacer algo similar. Terminé escribiendo un complemento d3 que podría manejar este caso entre algunos otros. https://github.com/jiahuang/d3-timeline

Soy bastante nuevo en D3 también, pero espero que sea útil.

Answer 3

Voy a desarrollar una visualización similar y encontrar en el componente Github timeknots basado en d3.js.