Skip to content

/ electionmap

A mock interactive U.S. election map built with HTML, CSS, and Javascript
JavaScript HTML CSS
  1. JavaScript 48.5%
  2. HTML 31.1%
  3. CSS 20.4%
Branch: master
Find file
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio

If nothing happens, download the GitHub extension for Visual Studio and try again.

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
index.html
script.js
style.css

README.md

Mock Interactive U.S. Election Map

Built using...

  • HTML(5)
  • CSS
  • Javascript (DOM & map.js 3rd party script)

What is this project about?

This is an extra project to practice basic Javascript and DOM to build an interactive election map. The user can move the cursor over the state and it will reveal the state election results (based on Electoral College votes) and also provided the overall winner among the two candidates.

Because this is a mock project, I used two of my favorite members from one of my favorite J-Pop (Japanese Pop) boy groups, JO1, as my two mock candidate names for the project.

The map was created by utilizing a third party script, map.js, to use its features and build the interactivity of the entire map and basic DOM.

You can’t perform that action at this time.