Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

candle sticks

Public visualization

candle sticks

1 star1🌍 Public
Pparag776
Last edited Jan 20, 2023
Created on Jan 19, 2023
Forked from HTML Starter

This example renders a scrollable SVG candlestick chart from synthetic financial data. Each candle shows open, high, low, and close prices, with green bodies for rising periods and red for falling ones, plus a vertical wick for the high-low range. The code generates a sequence of random price movements starting from a base value, then constructs SVG elements directly using native DOM APIs like `document.createElementNS` and `setAttribute`. No charting library is used; instead, candles are positioned and scaled manually within a large SVG canvas.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed