This was a project I came up with to get more familiar with using both React and D3. The screens were optimized for mobile as I was interested in designing an experience for smart phones. The data used for this project was pulled from Kaggle.

Kaggle is a great site if you are looking for data to use in visualizations. I used data reporting steps and activity for fitbit users during the years of 2015 and 2016.

LoFi Figma Screens

HiFi Figma Screens


After designing HiFi mobile screens in Figma, I used React to build out a clickable prototype.

The prototype demonstrates line charts and bar charts dynamically created using D3 from CSV data. The app can be viewed here.