Visualization: Post grouped by years - D3 - v2

This post is part of Series - Visual site map

This is a follow up to last month’s post on same name.

There are few changes made to the chart.

  1. Today marker: Instead of drawing a full line for the current year, we are allowing the line to grow with passing day. This is a major change.
  2. Transition: The trasnition effects are the major change here. Ironically, the amount of code change is minimum - tbh addition of 2 lines is all that’s needed.
  3. Hyperlinks: All the hyperlinks are made colored with dark blue, as this is the default color in all browsers.
  4. Tooltip: We have used title tag to implement the tooltip. This is not a major change or in other words the tooltip can be better. For that we have to go for CSS method, which is still a bit far from my reach.

Scope for improvement

  1. Tooltip needs to be implemented with CSS, it should improve the visuals
  2. The chart creation is not effecient. This is visible only when we dig into the SVG code in HTML. The lines are superimposed on another line based on number of posts per year. This should be improved.

Page source

Page last updated on: 2024-11-06 09:30:05 +0530 +0530
Git commit: a98b4d9


See also