Line Chart

100%

✓ Published1🌍 Public

Kkhushburajan2015@gmail.com

Last edited Oct 26, 2025

Created on Oct 26, 2025

A multi-series line chart compares monthly 2024 price trends for Bitcoin and Ethereum, using two distinct colored lines to show each cryptocurrency's rise and fall over the year. The chart includes a legend identifying each asset, labeled axes, and a title. Built with D3.js v7, the visualization uses `d3.csvParse` to ingest inline data, `d3.groups` to separate series, `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` to generate paths, and `d3.axisBottom`/`d3.axisLeft` for ticks, all rendered as SVG with `d3.select` and `d3.append`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart (Based on Line)

This area chart visualizes the monthly 2024 closing prices of Bitcoin (BTC) and Ethereum (ETH) from an embedded CSV dataset. It overlays two semi-transparent filled regions with distinct colors, with a solid line stroke on top of each to clarify the trend. The visualization is built using d3.scaleTime, d3.scaleLinear, and the d3.area and d3.line generators, rendering to SVG with axes formatted via d3.axisBottom and d3.axisLeft. A legend identifies each asset, and the chart includes axis titles for month and price.

Kkhushburajan2015@gmail.com

86% match

Loading thumbnail…

Multi-Cryptocurrency Line Chart

This multi-cryptocurrency line chart visualizes the daily closing price of Bitcoin from 2013 to 2021, using a smooth curved line to show price trends over time. The chart includes labeled axes, gridlines, and a bold title, with data loaded from a CSV file hosted on GitHub. Built with D3 v6, the visualization uses `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` with `curveBasis` to render the SVG path.

Iiamsravan

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

81% match

Loading thumbnail…

Line Chart ice 7

This line chart displays Bitcoin prices from March 2025, using a monotone curve to smoothly connect daily price points over time. The visualization includes a grid with dashed horizontal lines, a formatted y-axis showing price values with comma separators, and rotated date labels on the x-axis for readability. Built with D3 v7, the chart loads CSV data via `d3.csv`, parses dates with `d3.timeParse`, and renders the path using `d3.line` with `d3.curveMonotoneX`. The SVG output applies a brown stroke to the line and uses time and linear scales to map data to screen coordinates.

UUday Kiran

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

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

79% match

Loading thumbnail…

Line Chart ICE-7

This line chart shows the fluctuation of Bitcoin rates over time, with timestamps plotted on the x-axis and Bitcoin values on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to generate a smooth SVG path. Data is loaded from a CSV file via `d3.csv`, and margins, axis labels, and a title are styled with custom CSS. Gridlines are created through tick sizing, and the chart is rendered entirely as SVG.

Ssuchitra2602

77% match

Loading thumbnail…

Line Chart

This line chart shows monthly value trends across multiple years, with a smooth monotone curve plotted over time. The visualization uses D3.js v7, specifically the `d3.scaleTime` and `d3.scaleLinear` axes, and renders the line via `d3.line` with a `d3.curveMonotoneX` curve. Data is loaded from a CSV file using `d3.csv`, and the chart outputs to an SVG canvas with labeled axes and tick marks. The styling adheres to BBC-like color themes and font choices, though the core plot focuses on the steelblue line and its temporal variation.

LLikhitaMudagereShivaraj@my.unt.edu

75% match