Crypto-30day-SMA

100%

Crypto-30day-SMA

✓ Published2🌍 Public

Last edited Apr 30, 2023

Created on Apr 7, 2023

This line chart displays Bitcoin’s daily closing price alongside its 30-day simple moving average (SMA), with the SMA overlaid as a green line to highlight long-term trends. The chart uses d3.csv to load data from a GitHub-hosted CSV, d3.scaleTime and d3.scaleLinear for axes, and d3.line to render both paths. A custom JavaScript function calculates the SMA by averaging closing prices over a sliding 30-day window. The visualization is rendered as an SVG, includes an axis label, a legend, and a title, and sources its data from a Kaggle dataset on historical crypto prices.

AI-generated description

This line chart shows History of lending rates from 1956 to present. The data comes from ( https://www.kaggle.com/datasets/thedevastator/historical-prime-rates-and-related-significant-e?select=historical_prime+rate.csv).

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Multi Crypto-30day-SMA

This interactive line chart displays the 30-day simple moving average of closing prices for AAVE, XMR, and LTC cryptocurrencies, with data sourced from a Kaggle dataset. Users select a cryptocurrency via radio buttons, triggering an update function that redraws the time-series lines and axes. The visualization uses D3 v5’s `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to render SVG paths, while a custom `calculateSMA` function computes the moving average.

Ssenthilrajendran1

82% match

Loading thumbnail…

Multi Crypto-7day-SMA

This visualization displays the closing prices of multiple cryptocurrencies alongside their 7-day simple moving averages (SMAs) using a dual-line chart. The chart plots each cryptocurrency’s daily closing price as a thin line and overlays a thicker, smoothed SMA line, with distinct colors for each symbol. The x-axis represents the date range from the dataset, and the y-axis shows the closing price, with a legend at the top right for identification. Built with D3 v5, the code fetches a CSV from a GitHub gist, parses dates and numeric values, and uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to generate the SVG paths. The SMA is calculated manually via a sliding window function, and the chart includes labeled axes, a bold title, and a color-coded legend.

Ssenthilrajendran1

80% match

Loading thumbnail…

Multi Crypto-90 day-SMA

This interactive line chart compares the 90-day simple moving average of closing prices for four cryptocurrencies: BTC, AAVE, XMR, and LTC. Users select a currency via radio buttons to update the visualization, which displays both the raw closing price line and the smoothed SMA line over time. The chart uses D3 v5 with SVG rendering, leveraging `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to plot the data. The dataset originates from Kaggle cryptocurrency historical records.

Ssenthilrajendran1

79% match

Loading thumbnail…

Multi Crypto-7day-SMA

This interactive line chart displays the daily closing prices of multiple cryptocurrencies alongside their 7-day simple moving averages, allowing users to compare trends for BTC, AAVE, XMR, and LTC via radio buttons. The visualization uses D3 v5 with SVG rendering, employing d3.scaleTime, d3.scaleLinear, and d3.line to plot the data from a CSV file hosted on GitHub. The calculateSMA function computes the moving average, while axes, legends, and labels are dynamically updated on selection changes.

Ssenthilrajendran1

78% match

Loading thumbnail…

Crypto-7day-SMA

This line chart shows the closing prices and 7-day simple moving averages for three cryptocurrencies—AAVE, XMR, and LTC—selected via radio buttons. Users can switch between assets to compare price trends over time. The visualization uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, and d3.line to draw paths for both price and SMA series. The data originates from a Kaggle dataset on historical prime rates, though adapted for crypto here.

Ssenthilrajendran1

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

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