This stacked bar chart shows the bike availability data of one CicloPI station. On the x-axis hour slots are displyed. On the y-axis the values of free bikes (green), empty (gray) and unavailable slots (red) are represented with stacked bars. The values of the three category has been computed as a weighted sum.
Suppose that, in a given slot (e.g., 8AM to 9AM), 12 bikes were free for 20 minutes and then 13 bikes were free for the other 40 minutes, the overall value of free bikes has been calculated as (12*20min + 13*40min) / 60 min = 12.66 bikes.
Moreovere, in order to experiment transitions between two set of data, related to different days, a switch button has been added on the top right.
(Due to rounding problems the second set of data presents two stacked bars that do not reach the top line value of 14)
https://d3js.org/d3.v4.min.js
https://d3js.org/d3-selection-multi.v0.4.min.js