Syria, Venezuela and Afghanistan Generate the Largest Displacement Corridors — Three Countries Account for Over Half of
Syria, Venezuela and Afghanistan Generate the Largest Displacement Corridors , Three Countries Account for Over Half of All Tracked Flows Figure 37.1 , Syria, Venezuela and Afghanistan Generate the Largest Displacement Corridors
A flow map draws directed lines between geographic points where the thickness of each line encodes the volume of the mov
A flow map draws directed lines between geographic points where the thickness of each line encodes the volume of the movement. The viewer reads two things simultaneously: the geographic path of a flow (where it goes) and its magnitude (how much moves). The key perceptual contract of a flow map , absent in connection maps , is that width is data. A thick ribbon means more; a thin ribbon means less. The ribbon is a proportional symbol stretched along a path.
The data has three simultaneous qualities that the flow map handles and no other chart type does: directionality (from c
The data has three simultaneous qualities that the flow map handles and no other chart type does: directionality (from crisis origin to host country), volume (magnitude of movement, which varies by orders of magnitude across corridors), and geography (the physical distance and direction of each corridor are meaningful , Syria to Turkey is a different story from Syria to Germany). Removing any of these qualities changes what you can read from the chart.
A connection map would replace the tapered ribbon with a uniform-width stroke, encoding volume only through stroke-width
A connection map would replace the tapered ribbon with a uniform-width stroke, encoding volume only through stroke-width , a weaker perceptual channel than area. The viewer has to mentally compare line widths rather than areas, which is harder and less accurate. More critically, a connection map implies bidirectional relationships; a flow map implies directional movement. A Sankey diagram would encode volume accurately through ribbon width at every point in the flow , but it would discard geography entirely.
framework — FT Visual Vocabulary The FT Visual Vocabulary distinguishes flow maps from connection maps on directionality
framework , FT Visual Vocabulary The FT Visual Vocabulary distinguishes flow maps from connection maps on directionality and volume encoding: use a connection map when the story is about network structure and link presence; use a flow map when the magnitude of each directed flow is the primary variable. The operative test: does the width of each line carry a data value? If yes, it is a flow map.
Paste this into Claude Code to generate a working version of this chart, plus its data file. The result will not be a perfect replica , the goal is that the reader can run the prompt, get a chart of this type, and read its source. Generate a complete, self-contained flow map in D3 v7. Two files:
The ideas in this chapter didn't appear from nowhere. Harry Beck designed the London Underground map in 1933 , abandoning geographic accuracy for topological clarity, with lines drawn at 45° and 90° angles and stations evenly spaced. The map is the ancestor of every modern transit and flow diagram. Harry Beck, circa 1933. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
Harry Beck, circa 1933. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
The ideas in this chapter didn't appear from nowhere. Harry Beck designed the London Underground map in 1933 , abandoning geographic accuracy for topological clarity, with lines drawn at 45° and 90° angles and stations evenly spaced. The map is the ancestor of every modern transit and flow diagram. Harry Beck, circa 1933. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
Brutalist D3 × Claude · Ch.37 · Flow Map
That is the framework. Brutalist D3 times Claude, chapter 37: Flow Map. The patterns are now in place. Apply them.