Fitness Dashboard

For this challenge I reworked a fitness dashboard to be responsive utilizing circular gauges, linear gauges, and calendar heatmap charts. The challenge for different charts types required different simplifications. For example, circular gauges could be made smaller without issue and then as space became too restrictive, the layout is changed from horizontal to vertical stacking. Other charts, such as the calendar heatmap, included too much data on the axis for display at smaller sizes. This now automatically switches from a traditional information rich axis with each hour tick labelled to a simplified axis with two pictorial ticks for night and day remaining. Please try resizing the browser window or viewing on mobile or different sized devices.