Comparing 2016 presidential election cartograms from FiveThirtyEight, Washington Post, Wall Street Journal, NPR, and Daily Kos.
Uses Polylabel to pick some decent label positions.
See also: Jigsaw morphing, Smoother polygon transitions
license: gpl-3.0 |
Comparing 2016 presidential election cartograms from FiveThirtyEight, Washington Post, Wall Street Journal, NPR, and Daily Kos.
Uses Polylabel to pick some decent label positions.
See also: Jigsaw morphing, Smoother polygon transitions
var hierarchy_data = { | |
"name": "AUT-1", | |
"children": [{ | |
"name": "PUB-1", | |
"children": [{ | |
"name": "AUT-11", | |
"children": [{ | |
"name": "AFF-111" | |
}, { | |
"name": "AFF-112" |
// opacity is animated from 0 to 1 and back to 0 in a single loop | |
@include keyframes( toggle-opacity ) | |
{ | |
0%, 100% { @include opacity(0); } | |
25%, 75% { @include opacity(0.5); } | |
50% { @include opacity(1); } | |
} | |
// blink (animate toggle-opacity) |
<!doctype html> | |
<head> | |
<meta charset="utf-8"> | |
<!-- Use the .htaccess and remove these lines to avoid edge case issues. | |
More info: h5bp.com/b/378 --> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Leaderboard with D3</title> |