Texas-flavored geographic charts using real geometry. Five kinds via the kind prop, all native SVG (no library): county choropleth (254 TIGER/Line counties), TxDOT 25-district map (official MapServer boundaries), US states with TX highlighted (AlbersUsa projection, AK / HI insets handled), dot-density incident map (rejection- sampled inside the actual state outline), and origin- destination flow arcs between metros (projected from real lat/lng).
Geometry is pre-projected at build time by scripts/build-geo.mjs — us-atlas + TxDOT MapServer through Visvalingam simplification through d3-geoAlbers / d3-geoAlbersUsa. The component renders static SVG path strings; no runtime projection or topology library. Wrap in TuxChartFrame for the eyebrow + Oswald title + source-line rhythm.
Real TIGER/Line county geometry projected with d3-geoAlbers (Texas-centered, parallels at 27°N and 35°N to minimize distortion across the state). Five-step quantile-binned ramp; never linear-scale (one outlier washes out everything else). Pass a :counties="[{ fips, value }]" array to drive the choropleth; the showcase below uses a deterministic FIPS-hash demo.
Exhibit 11.01
Vehicle miles traveled per capita, by Texas county · 2024
<tux-chart-frame eyebrow="Exhibit 11.01" title="Vehicle miles traveled per capita, by Texas county · 2024" source="TTI Travel Behavior Survey · 2024 · Texas Demographic Center population estimates"> <tux-chart-geographic kind="county" title="VMT per capita" legend-label="VMT per capita" :legend-stops="['≤ 6K', '6–9K', '9–12K', '12–15K', '≥ 15K']" /></tux-chart-frame>
25 districts · slate ramp
TxDOT districts
Coarser geography — easier to label, faster to read. Use for project-priority, district-submitted inventories, and MIP scoring. Districts are numbered per TxDOT engineering directive; the badge sits at each polygon's centroid.
Exhibit 11.02
Project-priority score by TxDOT district · MIP 2025 cycle
For proposals that compare Texas to peer states. AlbersUsa projection handles AK and HI as insets natively (real geography, not a tilegram). The highlighted state shifts to maroon brand color; everyone else uses the chosen ramp. Pass a :states="[{ code, value }]" array; codes are USPS two-letter abbreviations.
Exhibit 11.03
Federal transportation R&D dollars per capita, FY24
<tux-chart-frame eyebrow="Exhibit 11.03" title="Federal transportation R&D dollars per capita, FY24" source="USDOT FHWA grant database · 2024"> <tux-chart-geographic kind="us-context" highlight="TX" :legend-stops="['LOW', '', '', '', 'HIGH']" legend-label="R&D dollars per capita" /></tux-chart-frame>
incident dots · distribution-as-message
Dot density
Each dot represents one event (or N events at a fixed scale). Use when the geographic distribution itself is the message — pedestrian-involved crashes, freight-crash hotspots, weather-related closures.
<tux-chart-frame eyebrow="Exhibit 11.05" title="Reported pedestrian-involved crashes, Texas · 2024" source="TxDOT Crash Records Information System · 2024"> <tux-chart-geographic kind="dot-density" :dots="800" dot-legend="1 dot = 100 incidents" /></tux-chart-frame>
origin-destination · curved arcs
Inter-metro flow map
Curved arcs between Texas's seven primary metros (DFW, HOU, SAT, AUS, ELP, MCA, LBB). Arc width scales linearly with volume; arrows mark the destination so directionality reads at a glance.
When statewide geography ends and the question turns to "what does it look like inside one metro," compose TuxMetroInset in a four-up grid. Each inset is an 8 × 6 census-tract grid plus a labelled diagonal highway overlay. The seed is the metro name, so the same metro always renders the same pattern.
Exhibit 11.04
Tract-level commute-time variability across four Texas metros
