🌍 Public
Fork of Fork of yearwheel b4 animation
This radial calendar visualization, built with React and D3 v4, displays a year of events and seasons arranged in a circular wheel. The example maps categorized events (like meetings and festivals) to colored arcs and segments, with each month and quarter rendered as layered donut slices. The code uses D3’s SVG rendering and animation capabilities to draw the wheel, mapping event dates to angular positions. Data is hardcoded as JavaScript arrays, with CSS styling controlling the visual fill colors and hover effects for interactive tooltips. The visualization also includes a static year view without interactive animation, making it a static SVG layout.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed
Comments
Sign in to join the discussion.