Dessiner une chronologie simple avec D3
C'est ce que j'essaie d'accomplir:
Dans cet exemple, j'ai une date de début (1er juin 2011), une date de fin (1er juillet 2012) et plusieurs événements entre cette plage.
Chaque événement est lié à un jour du calendrier (bien qu'il soit possible d'avoir plusieurs événements le même jour).
Ces données sont extraites d'une base de données MySQL.
Toute aide ou suggestion sera très appréciée.
J'ai récemment dû faire quelque chose de similaire. J'ai fini par écrire un plugin D3 qui pourrait gérer ce cas parmi d'autres. https://github.com/jiahuang/d3-timeline
Je suis assez nouveau sur D3 également, mais j'espère que c'est utile.
Vous devriez pouvoir accomplir cela avec une échelle de temps et un axe
Scott Murray a un très bon ensemble de tutoriels qui aboutit à un seul pour axes
Pensez à votre ligne de temps comme à un diagramme de dispersion à une dimension avec une échelle de temps.
Je vais développer une visualisation similaire et trouvé sur Github timeknots composant basé sur d3.js.