Projects Per Year
A heading and lede above a bordered card of ruled year rows, each pairing a year with a proportional bar and a project count, plus a total footer.
A heading and lede above a bordered card of ruled year rows, each pairing a year with a proportional bar and a project count, plus a total footer.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Projects Per Year is the output ledger, a short heading and lede above a bordered card that lists seven years as ruled rows, each pairing the year with a proportional bar and the number of projects shipped: 5 in 2019 climbing to 14 in 2024, then 10 in 2025. A footer runs the total to 68 and notes that each project is counted at handoff or public launch, whichever came first.
Rows are one array, the bar width is the count over the peak year so the shape reads at a glance. The slow years left in is the distinctive detail, an unbroken climb would read as smoothed rather than recorded.
Reach for this block on an about page or a work overview, where a year by year count shows a practice that has kept going rather than one busy season. The installer swaps the years, the counts, the peak used for the bars, and the total footer for their own record.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the projects-per-year ledger for an independent designer. Other year by year counts:
Tip: leave the slow years in, a chart that only climbs reads as staged rather than measured.