About

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.

HTML

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.

CSS

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.

JavaScript

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.

SVG

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