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
Djam Saidmuradov djamshed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: gpl-3.0 |
djamshed
/ README.md
Created
September 26, 2016 19:46
— forked from veltman/README.md
Electoral cartograms
djamshed
/ hierarchy_data.js
Last active
December 8, 2015 17:20
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var hierarchy_data = { | |
| "name": "AUT-1", | |
| "children": [{ | |
| "name": "PUB-1", | |
| "children": [{ | |
| "name": "AUT-11", | |
| "children": [{ | |
| "name": "AFF-111" | |
| }, { | |
| "name": "AFF-112" |
djamshed
/ scss blink
Created
April 28, 2015 16:29
Compass SCSS keyframe + animation usage (keep forgetting syntax way too often)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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> |
NewerOlder