STEVEN BELL

Bike gearing visualized, take 2

I bought a new bike a few months ago, so it’s high time for another bike gear visualization. I also recently learned about a tool called D3.js, which simplifies the task of making visually attractive and interactive documents with Javascript and SVG.

Enter gear tooth numbers to update the visualization. Low gears are at the top; high gears are at the bottom.

Numbers of teeth on the front chainring, separated by spaces:

Numbers of teeth on the rear cassette, separated by spaces:

Update

Page copyright 2012-2024 Steven Bell. Unless otherwise noted, content is under a Creative Commons by-nc-sa license.