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.