Finished CSS Maps
Output Readme Download Replit Sel. & Copy Full


This repl creates interactive maps with just HTML, CSS, and SVG.

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


The index.html is regenerated every time the server creates a new map (not really a good idea for most scenarios). There are lots of radio buttons and labels.


The CSS is generated by the server and is part of the one HTML file. Most of the code performs the logic, but there is some important styling too. Probably a good idea to separate better.


The index.js file serves two files. One to set some options like colors and then it posts the form data to create the interactive map.


The map is SVG and other maps could be used with some adjustments to the server.