Visualization: Post grouped by years - D3 - v3

This post is part of Series - Visual site map

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

What’s new?

  • Tooltip - Earlier, we were employing the browser’s native tooltip. With this update we have customised tooltip with publish date and categories along with the title of post.
  • Transitions - On hovering the circles turns green and tooltip pops up.

Scope for improvement

  1. The chart creation is not effecient. This is visible only when we dig into the SVG code in HTML.
    1. The lines are superimposed on another line based on number of posts per year. This should be improved
    2. May be we should be using d3.hierarchy() (not sure, though).
  2. Circles can be highlighted based on categories.
  3. We can update the post url to have its category. And, fetching it via web-scrapping, instead of manually filling json file.
  4. Tooltip needs to be implemented with CSS, it should improve the visuals

What’s next

For now, working on this chart is paused and there will be no more updates till the site’s url are fixed to have categories.

Page source

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


See also