Skip to main content
100%

circular calendar

✓ Published0🌍 Public
TThanaporn-sk
Last edited Jun 24, 2019
Created on Jun 24, 2019

A circular calendar visualization arranges the days of the year as concentric arcs, with each month represented by a colored ring segment and individual day cells marked within. The example plots specific project dates—marked with distinct colors and symbols—onto this radial timeline, while the current day is highlighted as a special point. Built with D3 v4, the code uses `d3.arc` to draw the arcs, `Date.prototype.getDOY` to compute day-of-year angles, and SVG paths for rendering. The underlying data is a small hardcoded array of date–project pairs.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/GitNoise/'>GitNoise</a>'s block: <a href='http://bl.ocks.org/GitNoise/2e40f3fac95d07e385e357f8e8685f24'>circular calendar</a>

mit Licensed

Similar vizzes