Skip to content
Create an SVG graphic for DPE and GES diagnostics.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Encapsulation, passage en 0.0.1-rc3 May 26, 2015 Corrected small typo in Readme Aug 16, 2017
bower.json 0.0.4 version Nov 6, 2016
dpeges.js add missing viewBox attribute, needed to enable responsive resizing Nov 4, 2016

GitHub version


A pure javascript utility to generate an SVG graph for DPE and GES diagnostics. No dependency needed, no need jQuery or RaphaelJS

DPE : Diagnostic de performance énergétique (Energy Performance Diagnostic)
GES : Gaz à effet de serre (Greenhouse Gas Emissions)


Just copy the dpeges.js file in your scripts folder.

You can also use bower:

$ bower install dpeges

Basic example

    <meta charset="utf-8">
    <title>GES/DPE basic example</title>
    <div id="dpe"></div>
    <div id="ges"></div>

    <script src="dpeges.js"></script>
    <script type="text/javascript">
      var dpe = new DpeGes();
        domId: 'dpe',
        value: 210,
      var ges = new DpeGes();
        domId: 'ges',
        value: 'C'



Option name Description Required Default value
domId The id of the element that will contain the generated SVG image Yes
value The DPE or GES actual value, can be an integer or just a letter No 200
width The width of the generated SVG image No 250
height The height of the generated SVG image No 200
shadow Add shadow to the image No false
lang The language to use (currently supported: 'fr' and 'en') No 'fr'


You can’t perform that action at this time.