Challenge#
- Visualize timelines to identify overlaps.
- There could be 1-500 entities.
- It needs to be scrollable on both axis.
- Time axis (horizontally) and entities axis (vertically).
- Time axis and entities must be visible all the time and should show side by side.
- Can toggle visiblity of entities by priority
- Must be extensible to incorporate different views of same entity
Design#
Solution#
- After searching for a compatible library for some time, we could not find one that fits our design and needs.
- Our team was ready to make compromises to both design and functionality.
- I proposed we create it from scratch but it’ll take some time and assured there won’t be any compromises.
- I was given time to learn and create this component.
- I had prior exposure to d3js
, I picked up a book and read it from cover to cover.
- I was able to create and present a prototype to the team within a month.
Result#
- I was able to deliver all the requirements without any compromises.
