Skip to main content
100%

candle sticks

✓ Published1🌍 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.

MIT Licensed

Similar vizzes