EPIC - Convert to D3 Charts

[paulsjv]

For each of the charts that LeanSheets currently implements (Histogram, Run Chart, CFD) there needs to be a D3 chart with the same functionality.

Histogram (bar chart - see attached screen shots)

• Distribution chart with Lead Times on the X axis and the number that lead time occurs on the Y axis.
• Each axis should be labeled.
• There should be a key for the chart.
• Line overlay when moused over the point it should show the same thing that is currently in highcharts, which is the % of work completed out of the total of work. The further to the right the greater the percentage. To see a demo of this load LeanSheets with some data.
  
• Each bar should have a mouse over effect that shows the number of times that lead time occurred. To see a demo of this load LeanSheets
  

Lead Time Run Chart (see attached screen shots)

• Each dot plotted is one completed work item. Completed work item is one that has a start date and an end date.
• X axis is a count (starting at 0 but could start at 1) of each dot on the chart.
• Y axis is the lead time for each work item.
• The red line is the average lead time.
• There should be a key for the chart.
• The 2 green lines are is one standard deviation from the average lead time. The top is called the Upper Control Limit and the bottom is called the Lower Control limit.
• When a user hovers over a dot a box appears and shows the work item ticket number, description, start date, end date, and lead time.
  

Cumulative Flow Diagram (CFD - see attached screen shots)

• This is a stacked area chart with a dot plotted for every day that's in the range from the start and end dates that were selected.
• Y axis is labeled stories or work items and is dynamic for the number going up it depending on the total number of stories that are being represented in the chart.
• X axis is labeled dates with each tick on the axis having the date of each day. Example, if the date range chosen for the data set is 7/1/2015 to 7/10/2015 there should be a tick for all the dates between that date range.
• There should be a key for the chart.
• The top dot when hovered over should show the Work In Progress (WIP) count.
  
• The bottom dot when hovered over should show the Work that has been completed count.