Skip to content
Transportation Medium #tod

Transit-Oriented Development

Mixed-use density within walking distance of stations - the TOD design pattern.

A free, animated transit-oriented development you can read here or embed on any website, from Scrollchart.

Transit-Oriented Development

Transit-Oriented DevelopmentLand-use intensity and transit mode share by walking distance from stationSTATION0-1/4 mi1/4-1/2 mi1/2-3/4 miZoneDensity (du/ac)Transit shareStation CoreHigh-density mixed use80-200 du/ac70-85%Secondary ZoneMedium density residential30-80 du/ac40-60%Edge ZoneLow density / single family8-30 du/ac15-25%Within 1/4 mile: property values 15-25% higher vs. auto-oriented sitesFarebox recovery improves as ridership density rises with each concentric ring~10 min walk

Concentric land-use rings around a station: high-density mixed core (1/4 mile), medium density (1/2 mile), low density beyond. Modal share by ring.

Good for

  • Urban planning and zoning reform articles arguing for upzoning around rail stations to capture land-value uplift
  • Transit agency farebox recovery analyses showing how residential density within walking distance drives ridership and revenue
  • Real estate and investment content explaining the 15-25% property value premium observed within a quarter-mile of frequent rail stops

Source & accuracy

This transit-oriented development 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.

Zoning for density around stations

Transit-oriented development (TOD) concentrates mixed-use buildings (retail, residential, office) within a quarter-mile (5-minute walk) of a transit station. The proximity eliminates the need for parking and cars for daily trips, allowing residents to access employment and services via frequent transit. TOD projects typically involve 5-10 story buildings with street-level retail, apartments above, and office space mixed in, creating vibrant walkable neighborhoods without car dependency.

The zoning requirements differ fundamentally from conventional single-family zoning: minimum density requirements (to support transit ridership), no minimum parking requirements (since residents and workers use transit), and allowed mixed-use development (so housing, retail, and office coexist). Without these zoning changes, development around stations defaults to parking-heavy sprawl that negates transit's advantage.

The developer perspective and financial incentives

TOD projects command premium land prices near stations and achieve higher returns through density multipliers: a developer can build 500 units on a station-area site where conventional zoning allows only 50. However, developers require certainty (zoning must permit density) and supportive infrastructure (the transit line must be operational and frequent). Cities that zone conservatively but promise future upzoning see little TOD because developers face zoning risk.

Successful TOD requires upfront transit investment (the expensive part) before development occurs, followed by zoning enabling density. Cities like Portland (Eastside MAX), Vancouver BC, and Copenhagen followed this pattern: build the rail line, change zoning, then development arrives. Cities that attempted to rezone without transit (suburban communities hoping to attract walkable development) typically saw minimal change because transit is the economic anchor. The sequence is essential: transit first, then zoning, then development naturally follows.

Embed this diagram

Add this animated transit-oriented development 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 transit-oriented development for any website.
Who uses it
Aviation enthusiasts.
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="transit-oriented-development" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Transit-Oriented Development" for my website?
Scrollchart provides "Transit-Oriented Development" 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 transit-oriented development in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.