Dusted Codes

Programming Adventures

Display build history charts for AppVeyor or TravisCI builds with an SVG widget



appveyor travisci github svg

If you ever browsed a popular GitHub repository (like NUnit or Bootstrap) then you must have seen many of the available SVG badges which can be used to decorate a repository's README file.

While some repositories keep it very simple:

NUnit Project Badges, Image by Dustin Moris Gorski

Others can be quite fancy:

Bootstrap Project Badges, Image by Dustin Moris Gorski

These little widgets (or often called badges) are more of a gimmick rather than anything useful, but we love them because they give us an opportunity to visually highlight statistics or achievements which we are proud of.

Having a few of my own open source projects I also wanted to decorate my README files with one or more fancy widgets.

I quite like the little build charts which you get in VisualStudio's Team Explorer and I thought I could create something similar for my AppVeyor builds myself:

Build history for Dusted Codes

A couple days later I also added support for TravisCI builds, uploaded everything to GitHub and hosted the widget in Windows Azure.

You can see it in action in one of my public GitHub repositories.

Other repositories can use the widget as well by simply providing their own account and project name in the widget's URL. Additionally you can specify the number of builds to be shown and a switch to display or hide the build statistics.

For a complete up to date feature list and concrete code examples please visit the official project page.

Ideas, contributions, bug reports or any type of feedback is welcome!