An implementation of Chronodex in ReactJS and SVG based on Patrick Ng's work.
Each page is like a branch, each opened page is a week, each day is like a beautiful flower grew from that page, consist of petals of your day's time slices.
Run the following from command line.
npm install
npm start
Go to http://localhost:8080 on your browser to view the chronodex.
The chronodex component expects the following format for events.
let events = [
[9, 9.5, 'Email'], // start hour, end hour, event descriptions (comma-delimited)
[10, 11, 'Meeting'],
[11, 11.75, 'Work'],
[12, 13, 'Lunch'],
[13, 15, 'Meeting'],
[15, 16, 'Work'],
[16, 17, 'Email,Coffee'],
[17, 17.5, 'Commute,Reading'],
[18, 19, 'Exercise,Music'],
[19.75, 20, 'Dinner,Netflix'],
[20, 21, 'Walk Dog']
]