About

Project background and links

This project turns a repetitive CAD editing task into a fast browser workflow for generating Boston Dynamics Spot fiducial plate SVGs while keeping the AprilTag size fixed at 146 mm.

Project

I built this to keep the plate template fixed, including a 146 mm tag36h11 AprilTag, while making the changing parts, like tag ID, text, logo, and drill preset, easy to update and export.

The app stays fully static and client-side, so it can be deployed on GitHub Pages or run on your own machine inside a private network without accounts, uploads, or backend services.

The output is aimed at fabrication and field use: the preview helps you verify the plate visually, while the exported SVG keeps the layout predictable for printing, PDF conversion, or CAD import.

Stack

  • Static HTML, CSS, and browser ES modules
  • Client-side SVG composition and export
  • opentype.js for text-to-path output
  • GitHub Pages deployment

Links