Giter Site home page Giter Site logo

forast3r / pvpc-hourly-pricing-card Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sargue/pvpc-hourly-pricing-card

0.0 0.0 0.0 901 KB

Home Assistant Lovelace custom card to use with Spain electricity hourly pricing (PVPC) integration

License: Apache License 2.0

pvpc-hourly-pricing-card's Introduction

GitHub release (latest by date) GitHub last commit License hacs_badge

Tip Me via PayPal Sponsor Me via GitHub

PVPC Hourly Pricing Card

forked from sargue/pvpc-hourly-pricing-card

Home Assistant Lovelace custom card to use with Spain electricity hourly pricing (PVPC) integration.

Card Example

This card only works with a previously configured Spain electricity hourly pricing (PVPC) integration in Home Assistant.

Based on Lovelace Weather Card with Chart by Yevgeniy Prokopenko and the fork Lovelace Animated Weather Card by Marc Hagen.

Features

  • Compatible with all rates.
  • Actual price close-up.
  • Graph with the prices of the current day.
  • Graph with the prices of the next day when you are available.
  • Lowest and Highest of the current and next day.
  • Icon indicating the current pricing period.

Installation

You could use HACS or follow this guide.

resources:
  url: /local/pvpc-hourly-pricing-card.js?v=1.5.1
  type: module

Options

Card Options

Name Type Default Requirement Description
type string null Required custom:pvpc-hourly-pricing-card
entity string null Required Spain electricity hourly pricing (PVPC) entity
name string null Optional Title of the card
current boolean true Optional Show the current price and pricing period
details boolean true Optional Show the lowest and highest prices and hours for the current and next day
graph boolean true Optional Show the graph with the prices for the current and next day
info boolean true Optional Show info like 'Tomorrow's data is no yet available'

Example

Mode Storage (Visual)

From your Lovelace Dashboard: Configure UI ➡ Add New Card ➡ PVPC Hourly Pricing Card. Configure the card:

Card Editor

If this doesn't work, another option is to add it manually from your Lovelace Dashboard: Configure UI ➡ Add New Card ➡ Manual Card and then this code:

type: custom:pvpc-hourly-pricing-card
name: "PVPC 2.0 DHA"
entity: sensor.pvpc_2_0_dha

Mode YAML

Add this lines of code to your Lovelace Dashboard YAML file:

...
cards:
  ...
  - type: custom:pvpc-hourly-pricing-card
    name: "PVPC 2.0 DHA"
    entity: sensor.pvpc_2_0_dha
  ...

pvpc-hourly-pricing-card's People

Contributors

danimart1991 avatar bramkragten avatar sargue avatar forast3r avatar jjprz avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.