$6.99
Home › Templates › Logistics › Trunkline
Logistics dashboard template
Trunkline Rail Operations Dashboard Template
Trunkline is a single-file HTML dashboard template for rail operations, with a string diagram, network board, punctuality, rolling stock, and station views.
Trunkline is a rail operations dashboard template delivered as one self-contained HTML file. A rail operations dashboard shows whether the timetable held: which trains ran late and why, how the fleet is wearing, and what is broken at stations. Trunkline renders all of that across five views in a light Timetable Paper theme with a crimson #A62F2F accent, modeling a fictional franchise called Caledon Regional with 340 services, 4 lines, and 61 stations.
Trunkline places the String Diagram view at its center: a Marey-convention graphical timetable for the Crimson Line from Caldon Quay to Ledbrook Central, where each train is a string, steeper means slower, and a ghost path marks the schedule. Three chips swap the window between morning peak, midday, and evening peak, and clicking a string opens a service card with the consist, driver duty, and delay against the scheduled path. The Network Board draws the 4-line schematic in the Beck convention with interchange rings, lets you isolate one line, and shows line status against the 92% franchise target. The Punctuality view tracks right-time performance against the same 92.0% target with on-time-by-line bars against the 4-week average, a departure punctuality histogram whose bands filter a worst-10 services table, and delay minutes attribution by cause. Rolling Stock tracks 28 units with mileage since overhaul against a 240,000 km threshold, a unit record, depot occupancy for tonight, and a maintenance forecast. Stations closes with footfall bars ticked against yesterday, a facilities fault ledger sortable by age, an accessibility board for lifts and escalators out of service, and staffing versus plan for the current shift.
What is inside Trunkline
- Marey-convention string diagram for the Crimson Line with morning, midday, and evening window chips
- Ghost scheduled paths and on-schedule versus running-late string colors, with a click-to-open service card
- Beck-convention network schematic with 4 lines, interchange rings, and line isolation
- Line status board measured against the 92% franchise punctuality target
- On-time-by-line bars comparing today to the 4-week average, with a target rule line
- Departure punctuality histogram whose bands filter the worst-10 services table
- Delay minutes attribution panel and a worst-10 table with Service, Line, Late, and Cause columns
- Rolling stock view for 28 units with mileage-since-overhaul against a 240,000 km threshold, depot occupancy, and maintenance forecast
- Stations view with footfall bars ticked against yesterday, a fault ledger sortable by age, an accessibility board, and staffing versus plan
Specifications
| Format | Single self-contained HTML file; zero dependencies, no build step |
|---|---|
| Theme | Timetable Paper |
| Mood | Light |
| Category | Logistics |
| Price | $6.99, one-time |
Who Trunkline is for
Trunkline serves the service controllers who live in the String Diagram and Network Board: they spot which trains are off their scheduled path, isolate a line, and read the notice on a disrupted segment. Performance managers own the Punctuality view, because the franchise target of 92.0% is drawn as a rule on the bars and the worst-10 table names the services and causes driving the miss. Fleet engineers use Rolling Stock to see which of the 28 units is approaching the 240,000 km overhaul threshold and what the maintenance forecast looks like by mileage. Station managers work the Stations view: footfall against yesterday, open facility faults by age, accessibility equipment out of service, and whether the current shift is staffed to plan.
When to reach for it
Trunkline is the pick when you are building for rail or transit operations and you know how specialized the visual language is. A Marey string diagram and a Beck-style schematic are not charts you get from a generic chart library; Trunkline draws both in inline SVG, working, with sample data. It suits a transit agency prototyping an operations console, a software team pitching a franchise on a control room UI, or a developer replacing printed timetable graphs and a spreadsheet of fault logs. The numbers interlock the way real ops data does: the 92% target appears in both the Network Board and the Punctuality view, and the histogram bands filter the same worst-10 table a performance review would argue over. Because the data sits in plain JavaScript arrays, binding it to a real train describer feed later is a matter of replacing the arrays, not restructuring the views.
Frequently asked questions
What is the string diagram in the Trunkline template?
The string diagram in the Trunkline template is a Marey-convention graphical timetable: distance runs down the axis, time runs across, and each train is a diagonal string. Steeper strings are slower trains. Trunkline colors strings by on-schedule or running-late state and draws the scheduled path as a ghost line behind each actual one.
What rail KPIs does Trunkline track?
Trunkline tracks right-time punctuality against a 92.0% franchise target, on-time percentage by line against the 4-week average, delay minutes attributed by cause, rolling stock mileage since overhaul against a 240,000 km threshold, station footfall, open facility faults, and staffing versus plan.
Does Trunkline work without any backend or chart library?
Yes, Trunkline works without any backend or chart library. The template is one HTML file whose string diagram, network schematic, histogram, and bars are all inline SVG generated by the embedded script from plain JavaScript data arrays. The only external request is the font. Open the file in a browser and every view works.
Can I rebrand Trunkline for a different rail network?
Yes, you can rebrand Trunkline for a different rail network. Line names, station lists, services, and targets all live in data arrays at the bottom of the file, and the crimson accent is a single CSS variable. Swap the fictional Caledon Regional data for your own lines and the diagram, punctuality, fleet, and station views redraw.
