SaVaGe is a library of web widgets implemented with SVG (using D3.js).

Why SVG? Because using vector graphics you can: easily change the size and colors of the widgets, and you don't need to include image or stylesheet files.

How to use

In order to use it, you must only include the D3.js and SaVaGe scripts in your page.
        <script src="d3.v3.min.js" type="text/javascript"></script>
        <script src="savage.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            // Add a toggle switch at the end of 'body'.


The widgets implemented so far are the following:

Upcoming releases may include progress bars, sliders, loaders, analog clocks and gauges, among others. Suggestions are accepted!


This library is free software; you can redistribute it and/or modify it under the terms of the Mozilla Public License v2.0. You should have received a copy of the MPL 2.0 along with this library, otherwise you can obtain one at

Fork me on GitHub