Forked from Andy Woodruff.
Shapefile from Maurix Suarez.
GeoJson code from John A. Guerra.
TopoJson code from Mike Bostock.
Vote data was obtained from Javier Moreno.
Map made by Luz K. Molina
Last active
June 28, 2018 11:21
-
-
Save databayou/a6c6932a0a7951b78299ddfc514c3163 to your computer and use it in GitHub Desktop.
Value by Alpha Choropleth Map (Bivariate)
This file contains 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: mit |
This file contains 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"> | |
| <title>Elecciones Presidenciales Colombia 2018, Segunda Vuelta</title> | |
| <meta charset="utf-8" /> | |
| <link href="style.css" rel="stylesheet" type="text/css"> | |
| </head> | |
| <body> | |
| <h1>Value by Alpha Map of Colombian Elections</h1> | |
| <div id="legend"> | |
| <div id="buttons"> | |
| <button id="cero"></button> | |
| <button id="diez"></button> | |
| <button id="treinta"></button> | |
| <button id="cincuenta"></button> | |
| <button id="sesenta"></button> | |
| <button id="ochenta"></button> | |
| </div> | |
| <div id="container"> | |
| <div id="Fe" class=col></div> | |
| <div id="Fd" class=col></div> | |
| <div id="Fc" class=col></div> | |
| <div id="Fb" class=col></div> | |
| <div id="Fa" class=col></div> | |
| <div id="Ee" class=col></div> | |
| <div id="Ed" class=col></div> | |
| <div id="Ec" class=col></div> | |
| <div id="Eb" class=col></div> | |
| <div id="Ea" class=col></div> | |
| <div id="De" class=col></div> | |
| <div id="Dd" class=col></div> | |
| <div id="Dc" class=col></div> | |
| <div id="Db" class=col></div> | |
| <div id="Da" class=col></div> | |
| <div id="Ce" class=col></div> | |
| <div id="Cd" class=col></div> | |
| <div id="Cc" class=col></div> | |
| <div id="Cb" class=col></div> | |
| <div id="Ca" class=col></div> | |
| <div id="Be" class=col></div> | |
| <div id="Bd" class=col></div> | |
| <div id="Bc" class=col></div> | |
| <div id="Bb" class=col></div> | |
| <div id="Ba" class=col></div> | |
| <div id="Ae" class=col></div> | |
| <div id="Ad" class=col></div> | |
| <div id="Ac" class=col></div> | |
| <div id="Ab" class=col></div> | |
| <div id="Aa" class=col></div> | |
| </div> | |
| <div id="texto"> | |
| <div id="duquea" class="presidente"><text>G. Petro > 83.33% Votos</text></div> | |
| <div id="duqueb" class="presidente"><text>G. Petro: 66.66% < Votos < 83.33%</text></div> | |
| <div id="duquec" class="presidente"><text>G. Petro: 33.33% < Votos < 66.66%</text></div> | |
| <div id="duqued" class="presidente"><text>I. Duque: 33.33% < Votos < 66.66%</text></div> | |
| <div id="duquee" class="presidente"><text>I. Duque: 66.66% < Votos < 83.33%</text></div> | |
| <div id="duquef" class="presidente"><text>I. Duque > 83.33% Votos</text></div> | |
| </div> | |
| <div id="pob"> | |
| <div id="pea" class="presidentes"><text><10 votantes</text></div> | |
| <div id="peb" class="presidentes"><text><2,300 votantes</text></div> | |
| <div id="pec" class="presidentes"><text><4,300 votantes</text></div> | |
| <div id="ped" class="presidentes"><text><8,800 votantes</text></div> | |
| <div id="pee" class="presidentes"><text><3,705,000 votantes</text></div> | |
| </div> | |
| </div> | |
| <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script> | |
| <script src="//d3js.org/topojson.v1.min.js"></script> | |
| <script type="text/javascript" src="votos.js"></script> | |
| <script type="text/javascript"></script> | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment