D3 Time Series Visualization
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
index.html
timeseries.css
timeseries.gif
timeseries.js

README.md

Visualizing System Performance

This is a prototype developed for a major music company to visualize supply chain system performance, more specifically the delivery of media assets and metadata to the company's digital distribution partners. The team managing this process needed a real time and historic view into the performance of these systems with the primary objective of mitigating system downtime and identifying current and developing delivery activity issues.

  • Total package counts and packaging status for distribution partners are visualized with time series bar charts
  • The past 60 minutes are shown to the right with rolled up hourly and 2 hour history to the left
  • A mouse over on a bar displays the counts for the selected point in time
  • In addition to package counts darker shaded bars show a 'stale' package count; stale packages have been in a particular status longer than a set threshold

For the demo I added ui controls that allow you to change the update speed, the bar width and the sample count.

See Live Demo »

Visualization