---
title: "New Component - Candlestick Charts"
description: "Render OHLC candlestick charts from open, high, low and close data. Bullish and bearish candles with wicks, styled to your own colors."
url: "https://www.imejis.io/changelogs/candlestick-component"
image: "https://www.imejis.io/og/components/candlestick.jpg"
published: "2026-07-25"
author: "imejis"
---

# New Component - Candlestick Charts

## New Component: Candlestick

Price data has a shape people already read at a glance. A candlestick chart draws it, and now you can render one straight from your OHLC numbers, no trading terminal in the loop.

### The data

One object per period: `{ open, high, low, close }`. Open and close set the body, high and low set the wicks. A candle is bullish when close sits above open and bearish when it sits below, so the direction is baked into the data. Add `labels` for the axis and the chart lines up period by period.

### Styling

Set the up and down colors to match your brand or the usual green and red. Wicks, bodies and spacing scale to the box, so the same chart reads cleanly whether it's a wide report panel or a square social card. It's a price recap for humans to read, not a live terminal.

### Dynamic data, per render

```http
POST https://render.imejis.io/v1/<design-id>
{ "price.candles": [
  { "open": 100, "high": 110, "low": 96,  "close": 108 },
  { "open": 108, "high": 112, "low": 104, "close": 105 },
  { "open": 105, "high": 109, "low": 101, "close": 107 }
] }
```

Point an image at the render URL and a daily market recap in a newsletter or Slack post stays current on its own as you push fresh candles.

### Try it

It's under Data in the editor palette, with a live playground on the [candlestick component page](/components/candlestick).