Health Charts

I was involved in many cross-disciplinary projects at Pebble. One of these were the health charts in the Pebble mobile app, which I brought to life working side by side with another engineer. These charts provided users a quick and easy way to track their health data including steps, sleep, and heart rate. We used D3.js to do most of the heavy lifting when it came to drawing and animating the graphs.

Technology

  • D3.js
  • HTML
  • Sass
  • Webpack
  • Karma
Screenshot of the daily steps graph.
Daily steps.
Screenshot of the weekly steps graph.
Weekly steps.
Screenshot of the monthly steps graph.
Monthly steps.
Screenshot of the daily sleep graph.
Daily sleep.
Screenshot of the weekly sleep graph.
Weekly sleep.
Screenshot of the monthly sleep graph.
Monthly sleep.
Screenshot of the daily heart rate graph.
Daily heart rate.
Screenshot of the weekly heart rate graph.
Weekly heart rate.