MapNJ v0.2.0

MapNJ is a script that adds small interactions to illustrations created with SVG.

We envision using it with map-like illustrations like this. By combining parts, you can create a nice UI.

MapNJ...

  • Manipulates SVG illustrations.
  • Manages the selection and deselection states of parts.
  • Separates the roles of design and code.

Additionally...

  • Customize the colors of fills and lines according to the situation!
  • Execute arbitrary scripts at specific timings!
  • Enhance operations with related parts!

Features and Purpose of MapNJ

MapNJ also defines the tasks of designers.
I divided the roles so that designers and engineers can interact through a single web UI.🥹
Additionally, since I often create tourism-related websites that handle map illustrations, I thought it would be convenient to have such a tool.🕺