Generating a name tag sheet from a list of names

I needed to generate a sheet of images featuring names from a list.

So wrote a short code that takes string inputs from a JavaScript array and creates a sheet, ready to be printed. I relied on svg.js to programmatically generate the SVG file.

See and get the code in this GitHub gist

Feel free to use it:

  • Add your background images into a ‘background folder’
  • Copy the code in an .html file next to this folder, and start a web server here.
  • Convert your list of names into a JavaScript array, you have many ways to do this, for me, I copied my list from a sheet into the Atom text editor and then use the multi-line editing to add the necessary characters.
  • Change parameters to make it yours.