A visualization that helps people maintain their focus by tracking focus intervals. If someone makes it through the interval, a successful interval is counted, if they become off task they can hit reset and the interval is highlighted as incomplete. By allowing focusers to reflect on what caused the distraction and label it via a drop-down menu people can learn their habits and optimize their behavior for better focus.
Clone and run 'npm run start'
This app was built to explore the relationship between React and D3.js. D3.js a Charting Library is not built with react in mind, I built this app as an introduction in how to make D3 work in React land.
The overall idea is inspired by the Pomodoro Technique