Bitcoin DIJA ADJ Close (non-interactive)

100%

Bitcoin DIJA ADJ Close (non-interactive)

✓ Published0🌍 Public

Last edited Jun 27, 2018

Created on Feb 19, 2018

The visualization plots the DJIA adjusted close price over time, with each trading day represented by a circle colored by trading volume using a spectral color scale. Price is mapped to the y-axis and date to the x-axis, with a separate color legend showing the volume-to-color gradient. The SVG is rendered with D3.js version 4.13, using `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.schemeSpectral` for the color scheme. Data comes from a CSV file of daily market data.

AI-generated description

Similar vizzes

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

70% match

Loading thumbnail…

Yahoo Finance Chart

This example visualizes intraday stock price data from Yahoo Finance using a combination of D3 and d3fc components. The chart displays high, low, open, and close prices, along with trading volume and a moving average, over a discontinuous time scale that skips non-trading hours. A crosshair tooltip shows detailed values for the hovered data point, while callout annotations highlight the most recent high and moving-average values. Trading hours are marked with vertical annotations and shaded bands, and the chart includes a legend summarizing the OHLC and volume data. The visualization uses an SVG renderer and is built with d3.v5, demonstrating how to compose multiple series and annotations using the d3fc library.

CColinEberhardt

70% 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

68% 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

68% match

Loading thumbnail…

Candlestick 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.

Ssenthilrajendran1

68% match

Loading thumbnail…

Learn D3.js

This line chart visualizes the historical Bitcoin Price Index from December 2017 to April 2018, using data fetched from the CoinDesk API. The SVG chart displays price over time with a steelblue line, axis labels, and a rotated y-axis title. The example demonstrates D3.js v4's `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` for building a complete, responsive chart from JSON data parsed into date-value pairs.

Pprincit

68% match

Loading thumbnail…

BTC - Percentage Change in Price Over Time

This visualization displays the percentage change in Bitcoin's closing price over time, with daily fluctuations plotted as a blue line against date and percentage-change axes. The chart uses D3.js v6 with an SVG rendering approach, employing `d3.scaleUtc()` for the time axis and `d3.scaleLinear()` for the value axis, while `d3.line()` generates the path. Data is loaded from a CSV file containing Bitcoin price history, and daily percentage changes are calculated by comparing each day's closing price to the previous day's.

Ssenthilrajendran1

68% match

Loading thumbnail…

Crypto-90day-SMA

This visualization charts Bitcoin’s daily closing price as a steelblue line, overlaying a bright green 90-day simple moving average derived from the same data. It uses d3.csv to load the historical price dataset, d3.scaleTime and d3.scaleLinear for axes, and d3.line to generate both SVG paths. A custom calculateSMA function computes the rolling average, while d3.axisBottom and d3.axisLeft render the time and price scales, with a legend and bold axis labels added for clarity.

Ssenthilrajendran1

68% match