Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of yearwheel b4 occupiedcheck

Public visualization

Fork of yearwheel b4 occupiedcheck

0 stars2🌍 Public
LLiml
Last edited May 7, 2024
Created on Apr 25, 2024
Forked from SVG fundamentals

This example presents a circular year-wheel visualization of calendar events, where a single labeled event ("APT avd-A") spans from January to July 2024. The wheel is divided into twelve month segments, each colored distinctly, with event arcs rendered as SVG paths using D3 v4’s arc generator and degree-to-radian conversions. The code computes the day of year via custom Date prototype methods and positions month and event labels spatially around the wheel. Hover interactions highlight event arcs by increasing stroke width and reducing opacity, while the layout is generated through D3 selections within a React-compatible HTML page.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed