Voter movement
Where the voters of three parties went between two elections: the nodes are pinned to two columns in a listed order, and each party keeps its color on both sides, so a band that changes color is a voter who changed party. Illustrative survey, with a phone variant.
Voter movement
examples/voter-movement.json{
"schemaVersion": 1,
"type": "sankey",
"title": "Voter movement",
"width": 760,
"height": 460,
"sankey": {
"order": "listed",
"nodes": [
{
"label": "Red 2021",
"column": 0,
"color": 2
},
{
"label": "Green 2021",
"column": 0,
"color": 3
},
{
"label": "Blue 2021",
"column": 0,
"color": 1
},
{
"label": "Red 2025",
"column": 1,
"color": 2
},
{
"label": "Green 2025",
"column": 1,
"color": 3
},
{
"label": "Blue 2025",
"column": 1,
"color": 1
},
{
"label": "Did not vote",
"column": 1,
"color": 4
}
],
"links": [
{
"from": "Red 2021",
"to": "Red 2025",
"value": 40
},
{
"from": "Red 2021",
"to": "Green 2025",
"value": 10
},
{
"from": "Red 2021",
"to": "Did not vote",
"value": 5
},
{
"from": "Green 2021",
"to": "Green 2025",
"value": 25
},
{
"from": "Green 2021",
"to": "Red 2025",
"value": 8
},
{
"from": "Blue 2021",
"to": "Blue 2025",
"value": 30
},
{
"from": "Blue 2021",
"to": "Red 2025",
"value": 6
},
{
"from": "Blue 2021",
"to": "Did not vote",
"value": 9
}
]
},
"source": "Illustrative survey, in thousands of voters",
"mobile": {
"width": 400,
"height": 520
}
}Source: Illustrative survey, in thousands of voters
Show chart data
| from | to | Value | Share |
|---|---|---|---|
| Red 2021 | Red 2025 | 40 | 30.1% |
| Blue 2021 | Blue 2025 | 30 | 22.6% |
| Green 2021 | Green 2025 | 25 | 18.8% |
| Red 2021 | Green 2025 | 10 | 7.5% |
| Blue 2021 | Did not vote | 9 | 6.8% |
| Green 2021 | Red 2025 | 8 | 6.0% |
| Blue 2021 | Red 2025 | 6 | 4.5% |
| Red 2021 | Did not vote | 5 | 3.8% |