Skip to main content
SimilarExport ZIP
100%

historical-bitcoin_2014-2022

✓ Published0🌍 Public
MMarcus
Last edited May 30, 2022
Created on May 30, 2022
Forked from D3 Starter

This example displays historical Bitcoin price data from 2014 to 2022, loading a CSV file with daily open, high, low, close, and volume values. The page initially renders a static text message reading "Hello D3 version 7" before fetching the dataset. It uses d3.csv to load the external data file and d3.select to update the page content, demonstrating basic data-loading and DOM manipulation with D3 v7.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

historical-bitcoin-with-moon-cycle

This example visualizes historical Bitcoin price data alongside moon phase information, displaying daily high values in text form with a message header. The code loads a CSV file containing Bitcoin’s open, high, low, close, and volume data with moon phase annotations using d3.csv, then iterates through the parsed rows to log each day’s high price to the console. The visualization relies on React’s useEffect hook to asynchronously fetch and process the data, while the container div is styled with a gray background. No chart or graphical rendering is implemented; the focus remains on data parsing and textual output.

MMarcus
79% 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
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
72% match
Loading thumbnail…

Task9-Q2

This example visualizes the historical price of Bitcoin as a filled area chart over time. It loads CSV data from a GitHub gist, parses dates with `d3.timeParse`, and renders an SVG area path using `d3.area` with time and linear scales. The chart includes labeled axes, a title, and demonstrates local ES6 module imports alongside D3 v7 loading via UNPKG.

Aasimcyb@gmail.com
72% 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
70% match
Loading thumbnail…

Area chart

This area chart visualizes Bitcoin prices from 2011 to 2021, showing an upward trend with fluctuations. The chart uses D3 v7 to load CSV data and render SVG paths, employing `d3.scaleTime`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft`. The area generator (`d3.area`) with a basis curve fills the space between the line and baseline in maroon, while gridlines and axis labels clarify the year and price values.

JJagadeshwar Reddy. Chilakamarri
70% 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
69% match
Loading thumbnail…

D3 Tutorial

This tutorial demonstrates a simple line chart of yearly values from a CSV file, showing the trend of data points from 1970 to 2019. The visualization uses D3.js v6 to load the `data.csv` file and render an SVG chart. The code sets up a fixed-position chart container and relies on D3's selection and data-joining methods to plot the series. While the JavaScript implementation is incomplete, the example highlights D3’s fundamental workflow for binding external data to visual elements.

KKaitlyn Trudeau
69% match