Merge States with CSS
Output Readme Download Replit Sel. & Copy Full

About

This repl creates a U.S. map that allows the user to combine multiple states into one with HTML, CSS, and SVG. Click on a state that isnt one of the 13 original colonies and then click on one of the colonies to assign the state to that colony. The data and visuals will be updated.

To view this on TripleLog, click here. To learn more, read this blog post;

HTML

The index.html is regenerated each time the server creates a new map.

CSS

There is lots of CSS to implement the logic of merges and some styling mixed in. It would be good to separate these two sets.

JavaScript

Run the createMap.js file to generate an updated map if you have made changes.

Near the top of the code you can change the year or the set of states to merge into.