Skip to content
AI & Machine Learning Medium #learning-rate#cosine-schedule#warmup

LR Schedules: Warmup, Cosine, Cyclical

Linear warmup, then decay. Cosine and cyclical are the modern defaults.

A free, animated lr schedules: warmup, cosine, cyclical you can read here or embed on any website, from Scrollchart.

LR Schedules: Warmup, Cosine, Cyclical

Learning Rate Schedules

Step on the x-axis, learning rate on y. Linear warmup ramps from 0 to peak. Step decay: discrete drops at milestones. Cosine: smooth half-cosine to a small floor. Cyclical (triangular and SGDR with warm restarts) shown as recurring waves. Train-loss overlay shows convergence with each schedule.

Good for

  • LR scheduling tutorials
  • Pretraining recipe articles
  • Fine-tuning guides

Source & accuracy

This lr schedules: warmup, cosine, cyclical is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Why constant learning rates are suboptimal

A constant learning rate assumes the same step size is good throughout training, but this is rarely true. Early in training, large steps are safe because the model is far from good solutions. Near convergence, large steps overshoot and oscillate. Schedules adapt the learning rate to this phase of training.

Without schedules, you often compromise: pick a rate high enough for fast progress but low enough to avoid divergence at the end. A schedule lets you be aggressive early and conservative late.

Linear warmup and cosine decay

Modern default: linear warmup over 5-10% of training (ramping from near-zero to max LR), then cosine decay to near-zero over the rest of training. The cosine is smooth, avoiding sharp steps that might harm convergence. This schedule is inspired by optimization theory but works empirically across many domains.

Cosine decay means the learning rate follows a cosine curve. At 50% of training, it's at 50% of max LR; at 75%, it's at 15%, giving aggressive early decay followed by a long tail of fine-tuning.

Cyclical schedules and restarts

Cyclical learning rates (SGDR) periodically restart from a high rate, allowing the optimizer to explore new basins. This can escape local minima and sometimes find flatter solutions. Modern large models rarely use cycles, but they're valuable for smaller models and irregular data distributions.

Embed this diagram

Add this animated lr schedules: warmup, cosine, cyclical to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated lr schedules: warmup, cosine, cyclical for any website.
Who uses it
AI/ML blogs, CS educators.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="lr-schedule-cosine" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "LR Schedules: Warmup, Cosine, Cyclical" for my website?
Scrollchart provides "LR Schedules: Warmup, Cosine, Cyclical" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a lr schedules: warmup, cosine, cyclical in a developer or tech blog?
Copy the one-line snippet from the Scrollchart diagram page and paste it into your post HTML. It works in any static site generator, CMS, or hand-coded HTML page. The embed is a thin loader, not an iframe, so the content is fully in your DOM.