¿Qué necesitan Harris y Trump para ganar? Averígualo en este mapa

Nov 11,2024
36

Los candidatos a las elecciones en Estados Unidos necesitan de 270 votos electorales para ganar.

Estados Unidos tiene un sistema peculiar de elecciones presidenciales, pues no se elige al presidente de esta nación de manera directa, sino a través de un Colegio Electoral conformado por 538 grandes electores. Para ganar se necesita el voto de 270 o más de estos delegados, quienes elegirán finalmente al gobernantes.

En este sistema, algunos estados, que no suelen ser bastiones ni demócratas ni republicanos, ganan mayor importancia. Se les conoce como estados columpio o swing states. En esta elección, la demócrata Kamala Harris y el republicano Donald Trump se disputan principalmente los votos electorales de Arizona, Carolina del Norte, Georgia, Michigan, Nevada, Ohio, Pensilvania y Wisconsin.

Lee: ¿Cómo van las elecciones en Estados Unidos 2024?

En el siguiente mapa se pueden hacer las combinaciones de elecciones posibles para darle el triunfo a Kamlaa Harris o a Donald Trump.

body {
font-family: “Inter”, sans-serif;
}

path {
stroke-width: 2;
stroke: white;
}

#map-container {
position: relative;
width: 900px;
display: flex;
flex-direction: column;
}

#regions_div {
width: 100%;
height: 100%;
}

#charts-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

#charts-container {
display: flex;
flex-direction: row;
zoom: 0.6;
}
div#leyenda-votos {
max-width: 940px;
padding: 24px;
border: 1px solid #d3d3d3;
border-radius: 12px;
margin-bottom: 24px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 4px 0px;
}

div#leyenda-votos2 {
max-width: 940px;
padding: 14px;
margin-bottom: 8px;
text-align: left;}

div#leyenda-votos h3 {
font-size: 24px;
margin: 0;
}
div#pie-container {
display: flex;
}
div#refresh {
padding: 12px 24px;
background-color: #fefefe;
display: block;
max-width: 120px;
text-align: center;
color: #ed1c25;
margin: 0 auto 40px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
border-radius: 4px;
border: 1px solid #ccc;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 4px 0px;
cursor: pointer;
transition: all 0.5s ease-out;
}

div#refresh:hover {
border: 1px solid #666;
box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 0px 0px;
color: #222;
}

.state-label {
position: absolute;
font-size: 18px;
font-weight: bold;
color: white;
pointer-events: none;
}

.state-label2 {
position: absolute;
font-size: 18px;
font-weight: bold;
color: gray;
pointer-events: none;
}

/* Approximate positions for each state */
#label-AK {
top: 570px;
left: 210px;
}

#label-AL {
top: 480px;
left: 780px;
}

#label-AR {
top: 440px;
left: 670px;
}

#label-AZ {
top: 450px;
left: 330px;
}

#label-CA {
top: 350px;
left: 150px;
}

#label-CO {
top: 340px;
left: 440px;
}

#label-FL {
top: 580px;
left: 885px;
}

#label-GA {
top: 480px;
left: 840px;
}

#label-HI {
top: 580px;
left: 450px;
}

#label-IA {
top: 270px;
left: 660px;
}

#label-ID {
top: 230px;
left: 290px;
}

#label-IL {
top: 330px;
left: 740px;
}

#label-IN {
top: 330px;
left: 800px;
}

#label-KS {
top: 360px;
left: 560px;
}

#label-KY {
top: 373px;
left: 830px;
}

#label-LA {
top: 510px;
left: 680px;
}

#label-ME {
top: 180px;
left: 1110px;
}

#label-MI {
top: 240px;
left: 815px;
}

#label-MN {
top: 180px;
left: 640px;
}

#label-MO {
top: 365px;
left: 670px;
}

#label-MS {
top: 490px;
left: 730px;
}

#label-MT {
top: 150px;
left: 350px;
}

#label-NC {
top: 425px;
left: 920px;
}

#label-ND {
top: 150px;
left: 530px;
}

#label-NE {
top: 290px;
left: 540px;
}

#label-NH {
top: 247px;
left: 1054px;
}

#label-NM {
top: 450px;
left: 420px;
}

#label-NV {
top: 350px;
left: 250px;
}

#label-NY {
top: 252px;
left: 995px;
}

#label-OH {
top: 320px;
left: 850px;
}

#label-OK {
top: 430px;
left: 590px;
}

#label-OR {
top: 240px;
left: 150px;
}

#label-PA {
top: 305px;
left: 950px;
}

#label-SC {
top: 468px;
left: 895px;
}

#label-SD {
top: 220px;
left: 530px;
}

#label-TN {
top: 424px;
left: 790px;
}

#label-TX {
top: 500px;
left: 550px;
}

#label-UT {
top: 350px;
left: 340px;
}

#label-VA {
top: 390px;
left: 930px;
}

#label-VT {
top: 222px;
left: 1037px;
}

#label-WA {
top: 130px;
left: 178px;
}

#label-WI {
top: 210px;
left: 730px;
}

#label-WV {
top: 370px;
left: 885px;
}

#label-WY {
top: 250px;
left: 400px;
}

/* Container to position the chart and image relative to each other */
#chart-container,
#chart-containerharris {
position: relative;
width: 400px;
height: 250px;
min-width: 400px;
}

/* Donut chart takes up the full container */
#donutchart,
#donutchartharr {
width: 100%;
height: 100%;
}
div#votos {
transform: scale(.65);
}

/* Image is centered inside the chart */
#chart-image,
#chart-imageharris {
position: absolute;
top: 50%;
left: 39%;
transform: translate(-50%, -50%);
/* Center the image */
width: 120px;
/* Adjust size as needed */
height: 120px;
/* Adjust size as needed */
border-radius: 50%;
/* Optional: Makes the image circular */
}

div[id*=”donutchart”] g {
margin-bottom: 12px !important;
line-height: 1.5 !important;
}

div[id*=”donutchart”] g text {
font-family: “Inter”, sans-serif;
font-size: 23px !important;
line-height: 1.5;
margin-bottom: 12px !important;
padding-bottom: 12px !important;
text-transform: uppercase;
}
div[id*=”donutchart”] g[column-id*=”202″] text,
div[id*=”donutchart”] g[column-id*=”226″] text,
#votos g[column-id*=”210″] text {
font-weight: bold;font-size: 22px !important;
}
g[column-id*=”faltan”] {
display:none;
}
/* ajuste de espacio entre candidatos y mapa */
svg defs + g > g {
transform: translateY(-100px);
}

.state-label {
font-size: 17px;
transform: translateY(-100px);
}

/* pastel */
div#votos svg g text {
font-size: 16px;
font-family: ‘Inter’, sans-serif;
}

div#votos svg g + g text {
font-weight: bold;
}

/* ajustando posición de tooltip */
g.google-visualization-tooltip {
transform: translateY(100px);
}

/* para article*/

.raw-html-code {
max-height: 914px;
}
#charts-wrapper {
min-width: 400px;
}

#charts-container {
transform: scale(.7) translateY(-50px);
}

div#refresh {
transform: translateY(-80px);
margin-bottom: 0;
}

#map-container {
transform: scale(0.6) translate(-450px, -380px);
}

@media only screen and (max-width: 1023px) {

#charts-container {
zoom:1;}

.raw-html-code {
max-height: 1540px;
}

#charts-container {
transform: scale(.5) translateY(-100px);
}
div#votos {
transform: scale(0.85) translate(274px, -110px);
}
div#pie-container {
flex-direction: column;
}

div#refresh {
transform: translateY(-100px);
margin-bottom: 0;
}

#map-container {
transform: scale(0.35) translate(-930px, -780px);
}

}
/* transition estados inactivos */
#map-container path[fill=”#aaaaaa”] {
animation-name: backgroundColorPalette;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;
}
@keyframes backgroundColorPalette {
0% {
fill: #aaaaaa;
}
25% {
fill: #868686;
}
50% {
fill: #aaaaaa;
}
75% {
fill: #868686;
}
100% {
fill: #aaaaaa;
}
}

¿Quién ganará las elecciones en Estados Unidos?

270 votos electorales para ganarEn el sistema estadounidense, se necesitan 270 votos electorales para ganar la presidencia. El Colegio Electoral comprende un total de 538 miembros, que representan proporcionalmente a los estados. En este sistema, ocho estados, conocidos como columpio, son aquellos donde la contienda es más reñida y los que definirán al ganador de la elección.

Los estados en gris son aquellos donde la elección aún está en juego. Da un clic en cada uno de estos estados para darle los votos electorales correspondientes a la candidata demócrata, Kamala Harris, Da dos clics para darlos al candidato republicano, Donald Trump.

Center Image