react-dpe-generator

Generate DPE and GES easily in React.

Simple React implementation of dpeges indicators. DPE : Diagnostic de performance énergétique (Energy Performance Diagnostic) GES : Gaz à effet de serre (Greenhouse Gas Emissions)

Getting started

Install

npm i --save react-dpe-generator

Import the components

import { DPE, GES } from './react-dpeges'

Use them with numerical values

<DPE value={200} />
<GES value={200} />

Use them with labels

<DPE value={'A'} />       // possible standard values are: 'A', 'B', 'C', 'D', 'E', 'F'
<GES value={'A'} />       // same

All options

Option name | Description | Required | Default value ------------- | --------------------------------------------------------------- | -------- | ------------- 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'

This work is released under the MIT License, see LICENSE file for more details.