Map editor & map video editor frontend

Team product. I was in the frontend team, and the map editor, the video editor and the After Effects plugin were mine, along with renderer work in our MapLibre fork.

• — Built the front end of the live election maps that BBC, Amazon Prime Video and TVA put on air: they carried 133 million requests on US election night 2024.
• — Moved the whole product off the paid map engine (Mapbox) onto an open-source one (MapLibre), which took its largest supplier bill out of the cost model.
• — Taught the open-source engine two things it could not do: keep map labels from overlapping, and show fine detail without zooming in. We published our version, so we stopped waiting on anyone else to add them.
• — Built the map video editor, a timeline where anything on the map can fade, grow or move. It shipped as a product of its own rather than an export button.
• — Wrote an After Effects plugin that turns points drawn on the map into tracking points, so motion designers hang their own graphics on a moving map instead of lining them up frame by frame.
• — Worked on the export that redraws a finished map as vector artwork: it leaves the editor still editable and stays sharp at any size.
• — Carried the editor from Vue 2 to Vue 3 piece by piece without ever taking it out of production, and built the component library the company's frontends have run on since.

Video maps →Adobe extensions →SVG renderer →

Vue 2 → Vue 3 · Pinia · Nuxt · TypeScript · Mapbox GL · MapLibre GL · After Effects plugin · Node.js