Candlestick Chart

100%

Candlestick Chart

✓ Published1🌍 Public

Last edited Apr 7, 2023

Created on Apr 6, 2023

Forked from BTC Closing Price - Line Chart

This candlestick chart visualizes Bitcoin’s daily price fluctuations from 2013 to 2021, with green and red bars indicating bullish and bearish trading days. Built with D3 v6, it uses `d3.scaleUtc` for the time axis and `d3.scaleLinear` for price, rendering SVG lines for high-low ranges and rectangles for open-close spreads. The chart includes rotated monthly tick labels and axis titles, drawing on historical cryptocurrency data sourced from Kaggle.

AI-generated description

This candlestick chart shows the price fluctuations of BTC from 2013 to 2021. The data comes from ( https://www.kaggle.com/datasets/sudalairajkumar/cryptocurrencypricehistory).

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart with D3.js

This line chart visualizes the Bitcoin Price Index from December 2017 to April 2018, using historical data fetched from the CoinDesk API. The chart displays price trends over time with a red line, clearly showing fluctuations in Bitcoin’s value across the four-month period. The visualization is built with D3.js v4, using `d3.scaleTime` and `d3.scaleLinear` for the axes, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for the labeled axes. The data is parsed from JSON into date-value pairs, and the SVG rendering includes styled gridlines, tick labels, and an axis label for price in dollars.

TTajallah-maryam

75% match

Loading thumbnail…

Multi Crypto - Daily Price Fluctuations

This interactive candlestick chart displays daily price fluctuations for multiple cryptocurrencies—BTC, AAVE, XMR, and LTC—from 2013 to 2021. Users select a currency via radio buttons, which redraws the visualization for the filtered dataset. The chart uses d3.scaleUtc and d3.scaleLinear for axes, with candlestick bars rendered as SVG lines and rectangles colored green or red based on bullish or bearish trends. Data is loaded from a CSV via d3.csv, and axes are formatted using d3.axisBottom and d3.axisLeft.

Ssenthilrajendran1

74% match

Loading thumbnail…

Candlestick

This example displays a candlestick chart, a financial visualization showing the open, high, low, and close prices for a series of dates. The code renders five candlesticks as SVG rectangles for the price range between open and close, with vertical lines for the high and low extremes. The chart uses d3.scaleTime and d3.scaleLinear to map dates and prices to the 600 by 400 pixel canvas, and d3.axisBottom and d3.axisLeft to draw the axes. Each candlestick is colored green or red via CSS classes based on whether the closing price is higher or lower than the opening price.

AAriel Fuggini

74% match

Loading thumbnail…

Bitcoin Price

A scatterplot tracks daily Bitcoin high and low prices over a month, with red and blue dots animating from the chart’s edges to their respective values. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`, and animates circles with `transition().duration(1000)`. Data comes from a CSV file parsed via D3’s `csv` method.

Zzlastefcia

74% match

Loading thumbnail…

Line Chart with D3.js

This line chart visualizes the daily closing price of Bitcoin from December 31, 2017, to April 1, 2018, using data fetched from the CoinDesk API. The chart is drawn as an SVG using D3.js v4, with a time-scaled x-axis and a linear y-axis representing price in dollars. The line path is generated via `d3.line()` with rounded line joins and caps, styled in steel blue, and axes are labeled using `d3.axisBottom` and `d3.axisLeft`. The dataset, parsed into date–value pairs, is rendered without additional point marks, focusing on the trend.

TTajallah-maryam

74% match

Loading thumbnail…

BTC Closing Price - Line Chart

This line chart displays the closing price of Bitcoin from 2013 to 2021, with time on the x-axis and price on the y-axis. The visualization uses D3.js v6 with an SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for the smoothed path, and `axisBottom`/`axisLeft` with gridlines. Data is loaded from a CSV via `d3.csv` from a GitHub gist, originally sourced from Kaggle’s cryptocurrency price history dataset. Gridlines and clear axis labels enhance readability.

Ssenthilrajendran1

74% match

Loading thumbnail…

candleBars

A candlestick chart visualizes stock price movements over time, showing daily open, high, low, and close values using red and green bars. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleTime` for the x-axis and `d3.scaleLinear` for price values. Each candle consists of a thin line for the high-low range and a rectangle for the open-close spread, colored green for down days and red for up days. Data comes from a CSV file containing date, price, volume, and return columns.

深深度碎片

74% match

Loading thumbnail…

Learn D3.js

This interactive line chart visualizes Bitcoin’s historical price index from December 2017 to April 2018, using data fetched live from the CoinDesk API. The code parses the JSON response into date–value pairs, then renders an SVG path with D3’s `d3.line()` and `d3.scaleTime()`, alongside `d3.axisBottom()` and `d3.axisLeft()` for axes. The y-axis is labeled “Price ($)” and the single steelblue line is drawn without fill, with rounded line joins and caps. Data is loaded via `fetch` after the DOM content is ready.

Aaruba-haroon

73% match