eolvis - Software End Of Life Timeline Visualization
Effective software supply chain management includes the planning of software components upgrades, to ensure that systems are always using supported components. This is achieved by planning the upgrade of components before they reach their EOL (End-Of-Life) date.
The eolvis web application can be used to visualise the lifecycle of software components, from release to EOL, making it a useful tool for software developers and managers when planning a technical roadmap.
NOTE: This app is still in development
TL;DR -> Jump straight to the demo: eolvis
Background
I created the eolvis as a replacement for a software end-of-life tracker that I maintained in Excel for many years. Re-creating this tracker as a web application has several advantages including; data validation and dynamic styling over time, to highlight items that need attention.
How it works
The eolvis web application is a simple application written in vanilla JavaScript (Web Components & ES6 modules) with some 3rd party libraries i.e. tail.select.js for some nice multi-select downdown lists.
Information is entered about each item; Name, Version, Type, Supported From and To dates, Use From and To dates etc. Each item is then rendered as a bar on a timeline.
The Supported From and To dates are represented as a bar with a solid outline. Extended Support is represented with a dashed outline. The Use From and To dates are represented as an inner bar with a solid colour. The colour depends on its position on the timeline relative to the current date.
- Grey = Use From and To dates are in the future or in the past
- Green = Use From and To dates are between the Supported From and To dates, and Current date is between the Use From and To dates
- Amber = Current date is near (i.e. 90 days (configurable)) to a future Use To date
- Red = the Use To date is in the future and after the Supported To date
Data Export
Data can be exported in two JSON formats:
- eolvis data format - a flat JSON file format
- CycloneDX - item types defined in the softwareBomTypeMap can be exported in CycloneDX format
Source Code
The source code for eolvis is available on GitHub: