@incubateur-ademe/impactco2-react
TypeScript icon, indicating that this package has built-in type declarations

1.3.1 • Public • Published

Impact CO₂

Découvrir Impact CO2 la boîte à outil de l’ADEME, et ses ressources ludiques, fiables et faciles à utiliser sur l’impact carbone des gestes et objets du quotidien. Intégrer gratuitement les outils dans vos contenus site ou application, afin de communiquer les bons ordres de grandeur et sensibiliser vos communautés aux enjeux environnementaux.

Installation

Installer la paquet avec votre gestionnaire favori :

npm i @incubateur-ademe/impactco2-react

Ou

yarn add @incubateur-ademe/impactco2-react

Utilisation

Pour l'instant seulement l'étiquette d'équivalent carbone est disponible. D'autres modules seront rajoutés au fur et à mesure.

L'étiquette équivalent carbone

Utilisation

L'étiquette permet à votre communauté de mesurer l’impact carbone des gestes et objets du quotidien et de se représenter les bons ordres de grandeur.

import { Etiquette } from '@incubateur-ademe/impactco2-react

export const MyComponent = () => {
  return (
    <>
      <Etiquette value={10000} comparisons={['ananas']} />
    </>
  )
}

Personnalisation

Un dark mode est disponible en entourant le widget de la class night

import { Etiquette } from '@incubateur-ademe/impactco2-react

export const MyComponent = () => {
  return (
    <div className='night'>
      <Etiquette value={10000} comparisons={['ananas']} />
    </div>
  )
}

API

value : number

Impact carbone (en grammes) à comparer

animated : boolean

Affiche les comparaisons une à une, avec animation de transition, plutot que toutes d'un coup.

Default: false

language : 'en' | 'fr' | 'de' | 'es'

Langue utilisée pour les étiquettes

Default: 'fr'

comparisons : string[]

Liste des équivalents à comparer parmis la liste suivante :

  • Transport
    • avioncourtcourrier : km en avion court courrier
    • avionmoyencourrier : km en avion moyen courrier
    • avionlongcourrier : km en avion long courrier
    • tgv : km en TGV
    • intercites : km en intercités
    • voiturethermique : km en voiture thermique
    • voiturethermique+1 : km en voiture thermique avec 1 passager
    • voiturethermique+2 : km en voiture thermique avec 2 passagers
    • voiturethermique+3 : km en voiture thermique avec 3 passagers
    • voiturethermique+4 : km en voiture thermique avec 4 passagers
    • voitureelectrique : km en voiture électrique
    • voitureelectrique+1 : km en voiture électrique avec 1 passager
    • voitureelectrique+2 : km en voiture électrique avec 2 passagers
    • voitureelectrique+3 : km en voiture électrique avec 3 passagers
    • voitureelectrique+4 : km en voiture électrique avec 4 passagers
    • autocar : km en autocar
    • velo : vélo ou marche
    • veloelectrique : km en vélo à assistance électrique
    • trottinette : km en trottinette à assistance électrique
    • busthermique : km en bus thermique
    • tramway : km en tramway
    • metro : km en métro
    • scooter : km en scooter ou moto légère
    • moto : km en moto
    • rer : km en RER ou Transilien
    • ter : km en TER
    • buselectrique : km en bus électrique
    • busgnv : km en bus (GNV)
  • Boisson
    • eaudurobinet : Litre d'eau du robinet
    • eauenbouteille : Litre d'eau en bouteille
    • soda : Litre de soda
    • biere : Litre de bière
    • vin : Litre de vin
    • laitdevache : Litre de lait de vache
    • soja : Litre de boisson au soja
    • the : Litre de thé
    • cafe : Litre de café
  • Repas
    • repasavecduboeuf : repas avec du boeuf
    • repasvegetarien : repas végétarien
    • repasvegetalien : repas végétalien
    • repasavecdupoissonblanc : repas avec du poisson blanc
    • repasavecdupoissongras : repas avec du poisson gras
    • repasavecdupoulet : repas avec du poulet
  • Fruits et légumes
    • fraise : kg de fraise
    • pomme : kg de pomme
    • orange : kg d'orange
    • citron : kg de citron
    • ail : kg d'ail
    • artichaut : kg d'artichaut
    • asperge : kg d'asperge
    • betterave : kg de betterave
    • blette : kg de blette
    • carotte : kg de carotte
    • celeri : kg de céleri
    • champignonmorille : kg de champignon (morille crue)
    • chou : kg de chou
    • choudebruxelles : kg de chou de Bruxelles
    • choufleur : kg de chou-fleur
    • concombre : kg de concombre
    • courge : kg de courge
    • courgette : kg de courgette
    • cresson : kg de cresson
    • echalote : kg d'échalote
    • endive : kg d'endive
    • epinard : kg d'épinard
    • mangue : kg de mangue
    • fenouil : kg de fenouil
    • haricotvert : kg d'haricot vert (cru)
    • laitue : kg de laitue
    • mache : kg de mâche
    • navet : kg de navet
    • mais : kg de maïs
    • oignon : kg d'oignon
    • panais : kg de panais
    • petitpois : kg de petit pois
    • poireau : kg de poireau
    • poivron : kg de poivron
    • potiron : kg de potiron
    • radis : kg de radis
    • salsifis : kg de salsifis
    • topinambour : kg de topinambour
    • cassis : kg de cassis
    • chataigne : kg de châtaigne
    • clementine : kg de clémentine
    • pamplemousse : kg de pamplemousse
    • coing : kg de coing
    • figue : kg de figue
    • groseille : kg de groseille
    • kiwi : kg de kiwi
    • mandarine : kg de mandarine
    • melon : kg de melon
    • mure : kg de mûre
    • nectarine : kg de nectarine
    • myrtille : kg de myrtille
    • noisette : kg de noisette
    • noix : kg de noix
    • prune : kg de prune
    • reineclaude : kg de reine claude
    • rhubarbe : kg de rhubarbe
    • peche : kg de pêche
    • cerise : kg de cerise
    • abricot : kg d'abricot
    • framboise : kg de framboise
    • poire : kg de poire
    • raisin : kg de raisin
    • aubergine : kg d'aubergine
    • brocoli : kg de brocoli
    • tomate : kg de tomate
    • ananas : kg d'ananas
    • banane : kg de banane
    • avocat : kg d'avocat
    • carambole : kg de carambole
    • datte : kg de datte
    • fruitdelapassion : kg de fruit de la passion
    • grenade : kg de grenade
    • kaki : kg de kaki
    • noixdecoco : kg de noix de coco
    • pasteque : kg de pastèque
  • Électroménager
    • bouilloire : bouilloire
    • cafetieredosette : cafetière à dosettes
    • cafetierefiltre : cafetière filtre
    • cafetiereexpresso : cafetière expresso
    • fourelectrique : four électrique
    • lavevaisselle : lave-vaisselle
    • lavelinge : lave-linge
    • refrigirateur : réfrigérateur
    • aspirateur : aspirateur
    • climatiseur : climatiseur
  • Habillement
    • jeans : jeans
    • polo : polo
    • tshirtencoton : t-shirt en coton
    • tshirtenpolyester : t-shirt en polyester
    • sweatencoton : sweat en coton
    • chemiseencoton : chemise en coton
    • chemiseenviscose : chemise en viscose
    • chaussuresencuir : paire de chaussures en cuir
    • chaussuresentissu : paire de chaussures en tissu
    • chaussuresdesport : paire de chaussures de sport
    • robeencoton : robe en coton
    • robeenpolyester : robe en polyester
    • robeenviscose : robe en viscose
    • pullenlaine : pull en laine
    • pullenacrylique : pull en acrylique
    • pullencotonrecycle : pull en coton recyclé
    • manteau : manteau
    • vesteimpermeable : veste imperméable
    • vestesimilicuir : veste simili-cuir
  • Mobilier
    • canapeconvertible : canapé convertible
    • chaiseenbois : chaise en bois
    • tableenbois : table en bois
    • canapetextile : canapé en textile
    • armoire : armoire
    • lit : lit
  • Chauffage
    • chauffagegaz : année de chauffage au gaz par m²
    • chauffagefioul : année de chauffage au fioul par m²
    • chauffageelectrique : année de chauffage électrique par m²
    • pompeachaleur : année de chauffage avec une pompe à chaleur par m²
    • poeleagranule : année de chauffage avec un poêle à granulés par m²
    • poeleabois : année de chauffage avec un poêle à bois par m²
    • reseaudechaleur : année de chauffage via un réseau de chaleur par m²
  • Numérique
    • smartphone : smartphone
    • ordinateurfixeparticulier : ordinateur fixe sans écran (particulier)
    • ordinateurfixeprofessionnel : ordinateur fixe sans écran (professionnel)
    • ecran : écran d'ordinateur
    • tabletteclassique : tablette
    • television : télévision
    • ordinateurportable : ordinateur portable
    • enceintebluetooth : enceinte connectée
    • telephonebasique : téléphone basique
    • casquevr : casque de réalité virtuelle
    • alimentationordinateur : alimentation externe pour ordinateur portable
    • alimentationsmartphone : alimentation externe pour smartphone ou tablette
    • disquedur : disque dur externe
    • clefusb : clef usb
    • box : box
  • Usage du numérique
    • email : email
    • spam : spam
    • stockagedonnee : stocker un go de donnée
    • rechercheweb : recherche sur le web
    • streamingvideo : Heure de streaming vidéo
    • visioconference : Heure de visioconférence
    • telechargement : go de donnée
  • Cas pratique
    • avionpny : A/R paris - New-York en avion
    • tgvparis-berlin" : A/R Paris - Berlin en tgv
    • tgvparis-marseille" : A/R Paris - Marseille en tgv
    • voiturelille-nimes" : A/R Lille - Nîmes en voiture
    • francais : % de l'empreinte carbone d'un citoyen français
    • gameof-thrones : épisode de game of thrones en streaming
    • friends : intégrale de friends en streaming

Package Sidebar

Install

npm i @incubateur-ademe/impactco2-react

Homepage

impactco2.fr

Weekly Downloads

31

Version

1.3.1

License

MIT

Unpacked Size

110 kB

Total Files

5

Last publish

Collaborators

  • florianpanchout
  • bios21
  • desoindx
  • bot-incubateur-ademe
  • clemog