Skip to main content
SimilarExport ZIP
100%

Bitcoin Price

✓ Published0🌍 Public
Zzlastefcia
Last edited Sep 13, 2020
Created on Sep 8, 2020

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.

AI-generated description
MIT Licensed

Similar vizzes

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
75% match
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…

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
74% 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
74% 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
73% 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
73% match
Loading thumbnail…

Scatter Plot

A D3.js v6 scatter plot visualizes the relationship between trading volume and market capitalization for Bitcoin, using data loaded from a remote CSV file. The chart renders as an SVG with circle marks, linear scales for both axes, and formatted tick labels using `d3.format`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while rotated x-axis labels and a bold chart title are added via SVG text elements. The plot reveals the correlation between these two cryptocurrency metrics across the dataset.

Ssenthilrajendran1
73% match
Loading thumbnail…

Line Chart with D3.js

This line chart displays the historical Bitcoin Price Index from December 2017 to April 2018, fetched live from the CoinDesk API. The data is parsed into date–value pairs and rendered as an SVG path using `d3.line`, with time and linear scales for the axes. A single line with a steelblue stroke shows the price trend over time, while axis labels are generated via `d3.axisBottom` and `d3.axisLeft`. The chart is built with D3 v4 and updates dynamically when the DOM content loads.

TTajallah-maryam
73% match