Z∞ (Z-Infinity) is an innovative, zoomable circular calendar implementation. It provides a unique way to visualize and interact with calendar data, allowing users to seamlessly zoom from year view down to hour view.
- Circular calendar visualization
- Zoomable interface from year to hour view
- Keyboard and mouse controls for easy navigation
- SVG-based rendering for improved performance and scalability
- Consistent week calculation starting on Monday
- Event creation using drag-and-drop
- Event display across day view
- Event editing and deletion
- Smooth transitions between zoom levels
- Event display across all zoom levels
- Linkable editing (drag and drop) of event borders
- Drag and drop of existing events
- Improved touch controls for mobile devices
- Modern web browser
- Clone the repository:
git clone https://github.com/BjornKennethHolmstrom/z-infinity-calendar.git cd z-infinity-calendar - Open
index.htmlin your web browser.
- Hover over segments to highlight them
- Click on a segment to zoom in (year → month → week → day → hour)
- Press 'Esc' key to zoom out
- Use the 'z' key to zoom in and 'x' key to zoom out
- Use the mouse wheel to zoom in and out
- Drag from the center 'add event' button to a time segment to create a new event
- Click on an event to edit or delete it
The main calendar logic is contained in ZInfinityCalendar.js and CalendarRenderer.js. To modify or extend the calendar functionality, edit these files.
This project is licensed under the Z∞ Software License - see the LICENSE file for details.
Björn Kenneth Holmström - [email protected]
Project Link: https://github.com/BjornKennethHolmstrom/z-infinity-calendar