Leder du efter et årshjul? Dansk side her.

Year wheels for associations

Type in the year's activities and Circalify draws the wheel. Send the link to your board and everyone can see it.

Circalify Pro

€47 / month

per organisation, excl. VAT

Or €470 a year, the price of 10 months.

Same price however many people edit. Viewing is always free.

For your board: An online year wheel for the whole organisation at €47 a month (€470 a year). Anyone can view it for free through a link.

Example: an association's year

Or build it yourself with the free library

Circalify is an open source JavaScript library for circular timelines, MIT licensed and with no dependencies. Get 10 HTML templates to start from:

The download starts right away. I only use your email to send the occasional update.

Your download has started. Click here if it didn't.

What people plan with it

  • Business planning. Quarterly roadmaps, annual goals and milestones, with the whole year in one view.
  • Product launches. The run-up, the launch and the follow-up on one wheel.
  • Content planning. Editorial calendars with publishing dates and channels.
  • Projects. Several projects in parallel, with overlapping phases and milestones.
  • School and university. Semesters, exam periods, holidays and deadlines.
  • Teams and HR. Hiring windows, reviews, training and team events through the year.

Try it in the browser

Edit the code and the wheel updates as you type. Click the preview to use the wheel.

JavaScript
Live preview

Questions

Circular timelines work well when you're visualizing cyclical data: things that repeat annually like quarterly goals, seasonal trends, fiscal calendars, or content schedules. If you find yourself scrolling left and right to see Q4 while planning Q1, circular layouts solve that.

For one-off projects with clear start and end dates (like a product launch timeline or historical events), stick with linear timelines.

About 30 seconds with the CDN. If you're using npm, maybe a minute.

Add a <div> to your HTML, drop in the library, copy one of the examples from the docs, and you're running. The templates are just HTML files you can open and customize directly.

Yes. Circalify is open source under the MIT license, free for personal and commercial use.

Colours, fonts, sizes and spacing are all options in the config. You can also style the SVG with your own CSS.

Yes. The MIT license allows commercial use, and you don't have to credit it.

Right away: 10 timeline templates as HTML files, for quarterly planning, a product launch, an editorial calendar, a project, a marketing campaign, an academic year, an event, the HR year, a financial year and personal goals.

After that: An occasional email when there's something new. Ask and I'll delete your address.

Open an issue or a pull request on GitHub.

Install

npm 
$ npm install circalify
Or from a CDN 
import CircularTimeline from 'https://unpkg.com/circalify@0.1.10/src/index.js';
Basic usage 
// Create your timeline
const timeline = new CircularTimeline('#timeline', {
  startYear: 2025,
  rings: [
    { type: 'calendar' },
    { type: 'data', name: 'Events' }
  ]
});

// Add your data
timeline.setData([
  { label: 'Launch', startDate: '2025-03-15', endDate: '2025-03-15' }
], 'Events');