SVG

The BadgeBot uses svg to generate the badge image. For every badge, there is a base badge image. For every criteria that is met, an additional change can be indicated by a change to the badge using svg.

Once an svg image is created for the recipient, it is converted to a png. This is so that the recipient's badge image can be uploaded to twitter (which doesn't accept svg).

There are many png to svg plugins that can be used to manually convert png to svg like:

• http://www.pngtosvg.com/

For the prototype we can use this or something like this since there will only be one badge. Next step would be for a set up script to convert images but we're doing everything manually.

NPM module to convert svg to png:

• https://www.npmjs.com/package/convert-svg-to-png