The New York & Erie Railroad — Semiotic

Home · Getting Started · Charts · Features · Playground

This page requires JavaScript for interactive chart demos.

AI / Machine-readable docs: llms.txt · llms-full.txt · CLAUDE.md · schema.json · API Reference · Examples

View on GitHub · npx semiotic-ai for CLI access

Machine-readable page content

Canonical: https://semiotic.nteract.io/examples/erie-railroad-organization

The New York & Erie Railroad

In 1855, Daniel McCallum and George Holt Henshaw turned a railroad into a tree. Authority rises from the directors at the roots, operating divisions fan out as tracks, and the workforce blooms around each station. This reconstruction keeps that visual argument but makes the organization procedural: every branch is generated from role, station, division, and headcount data.

operating divisions

136

navigable offices & crews

hand-authored x/y positions

Diagram Representing a Plan of Organization

New York & Erie Railroad · an interactive reconstruction after McCallum and Henshaw, 1855

Trace the line of authorityHover any office, station, or crew.

Read the diagram as

Hover to trace · click to hold · click again to release

Switch to Workforce to color the leaves

One drawn leaf represents up to four employees.

Two diagrams occupy the same tree

Choose Authority and the page reads like McCallum's management system: power begins with the directors, concentrates in the president and general superintendent, then follows five operating lines to local stations. ChooseWorkforce and the same geometry becomes a distribution display. Leaf color identifies work and leaf quantity reflects the representative crew count. The chart does not swap components; layoutConfig cheaply re-runs one custom layout against the same graph.

Railroad geometry, botanical grammar

A generic tree layout would preserve the reporting hierarchy but erase the thing that makes the original memorable. Here each division receives a computed cubic trunk. Stations are sampled along it in route order; crew branches grow from the local tangent; and employee dots settle into deterministic phyllotactic clusters. Add a station or change a headcount and the branch re-grows without touching a coordinate.

JSX

import { NetworkCustomChart } from "semiotic" import { networkHitTarget } from "semiotic/recipes" function railroadOrganizationLayout(ctx) { const { plot } = ctx.dimensions const root = { x: plot.width / 2, y: plot.height - 185 } const positions = new Map() divisions.forEach((division, i) => { // Five cubic trunks radiate from the general superintendent. const end = divisionEndpoint(i, plot) const trunk = cubicFrom(root, end) division.stations.forEach((station, j) => { const p = cubicPoint(trunk, 0.23 + j * 0.15) positions.set(station.id, p) // Workforce boughs grow normal to the trunk. Their leaf count and // color come from the crew datum, never from hand-authored x/y. station.crews.forEach((crew, k) => { positions.set(crew.id, growBough(p, cubicTangent(trunk, j), k)) }) }) }) return { sceneNodes: ctx.nodes.map((wrapped) => { const d = wrapped.data ?? wrapped const p = positions.get(d.id) return networkHitTarget({ x: p.x, y: p.y, r: hitRadius(d), datum: d, id: d.id }) }), overlays: <RailroadPlate positions={positions} config={ctx.config} /> } } <NetworkCustomChart nodes={nodes} edges={edges} layout={railroadOrganizationLayout} layoutConfig={{ view, employeeFilter }} // geometry-changing config only selection={{ name: "erie-active" }} // hover/lock restyles, no relayout annotations={editorialNotes} // anchored to computed node positions enableHover onObservation={handleObservation} // hover, click, keyboard focus accessibleTable />

Why this remains a Semiotic chart

The visible plate is art-directed SVG, but a transparent networkHitTargetsits behind every meaningful office and crew. Semiotic supplies pointer and keyboard observation, tooltips, focus geometry, click locking, the accessible data table, point-id annotation anchoring, and export. The custom layout owns the unusual geometry; the frame continues to own chart behavior.

Historical structure and wording are based on Daniel C. McCallum and G. H. Henshaw's1855 diagram in the Library of Congress. The Library describes the straight branches as railroad trackage radiating from the general superintendent and the botanical branches as named functional offices. Station names follow the historical route; crew counts on this page are deterministic, representative values and are not a transcription of the plate's statistical table.