> ## Documentation Index
> Fetch the complete documentation index at: https://api-docs.rabot.energy/llms.txt
> Use this file to discover all available pages before exploring further.

# Price Charts

> Instantly add frills to your UI and participate in the smartification journey! 

### Price Chart

The price chart functionality enables you to demonstrate visually to your users the variance in the cost of their electricity and allow them to conciously change their consumption pattern to save on their electricity costs!

<img src="https://mintcdn.com/rabotenergy-10dd8c30/Ram2v1KykOaKspfa/images/stepline_chart.png?fit=max&auto=format&n=Ram2v1KykOaKspfa&q=85&s=8075100a1ed90ce3a8480b9730194c65" width="60%" noZoom={true} alt="" title="Sample Stepline Chart" data-path="images/stepline_chart.png" />

### Setup Overview

<Steps>
  <Step title="Get Pricing Data">
    Call [day-ahead-prices](/api-reference/epex-spot-prices/day_ahead_prices) to retrieve the data for your chart mapping. This is available in 15-Minute or Hourly intervals at present.
  </Step>

  <Step title="Handle the response">
    Parse the response by deserializing the returned time-series data and transforming it into a normalized format suitable for chart rendering and optimization logic inputs.
  </Step>

  <Step title="Render the Stepline Graph">
    As energy prices change at specific timestamps, not continuously, a Stepline graph is the most suitable chart to represent the data.
  </Step>
</Steps>

<Note>
  If you would like to generate a personalized Working Price chart for your users, you can utilise the Pricing data from the metrics endpoint. See [Day-Ahead Working Price](/guides/contracts#day-ahead-working-price) for data retrieval guidance.
</Note>

## Questions or Concerns?

Feel free to speak with our [Integration Management Team](mailto:j.ohara@rabot.energy) or alternatively, ask our built-in AI assistant, Rabotini 🤖 (several languages supported).