sbstjn/timesheet.js

Timesheet.js is a small JavaScript library for displaying timeline charts on a web page. A timeline chart shows events or periods spread across a horizontal time axis, which makes it useful for visualizing work history, project history, or any sequence of dated events. To use it, you include two files in your HTML page: a JavaScript file and a CSS file, both found in the project's dist folder. You then add a single empty div element to your page, give it an ID, and call the Timesheet function in JavaScript, passing in a start year, an end year, and an array of events. Each event is a row in the chart, with a start date, an optional end date, a label, and an optional color category. Dates can be specified as just a year or as a month and year. The library renders the chart using standard HTML and CSS, with no external charting dependencies. Color categories let you visually group related events using different colors, which the included CSS defines using named classes like lorem, ipsum, and dolor (placeholder names from the example, which you would replace with your own category names). The project is packaged with Grunt, a JavaScript build tool. Running grunt builds the files in the dist folder. There is also a local development server command for previewing and customizing the output. The library is released under the MIT license, meaning it can be used freely in personal or commercial projects.