Multi Crypto-30day-SMA

100%

Multi Crypto-30day-SMA

✓ Published0🌍 Public

Last edited Apr 30, 2023

Created on Apr 30, 2023

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.

AI-generated description

This line chart shows 30 days Simple Moving Average of Closing prices for AAVE, XMR and LTC. 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…

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

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

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

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

83% match

Loading thumbnail…

Multi-Cryptocurrency - Closing Price

This multi-line chart displays closing prices for Monero, LiteCoin and AAVE from 2013 to 2021, with a colored line for each cryptocurrency. Users can filter the view using radio buttons for BTC, AAVE, XMR, and LTC. The visualization uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line with curveBasis to render SVG paths. Data is loaded via d3.csv from a Kaggle-derived dataset hosted as a GitHub gist, with dates parsed using d3.timeParse.

Ssenthilrajendran1

82% match

Loading thumbnail…

Crypto-30day-SMA

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.

Ssenthilrajendran1

82% match

Loading thumbnail…

Multi Crypto - Daily Price Fluctuations

This interactive candlestick chart displays daily price fluctuations for multiple cryptocurrencies—BTC, AAVE, XMR, and LTC—from 2013 to 2021. Users select a currency via radio buttons, which redraws the visualization for the filtered dataset. The chart uses d3.scaleUtc and d3.scaleLinear for axes, with candlestick bars rendered as SVG lines and rectangles colored green or red based on bullish or bearish trends. Data is loaded from a CSV via d3.csv, and axes are formatted using d3.axisBottom and d3.axisLeft.

Ssenthilrajendran1

80% match

Loading thumbnail…

Multi Crypto - Percentage Change in Price Over Time

A multi-crypto line chart displays the percentage change in price over time for a selected cryptocurrency (BTC, AAVE, XMR, or LTC). Users switch between currencies via radio buttons, which filter the underlying CSV data and redraw the visualization. The chart uses d3.line and d3.scaleUtc for the x-axis, d3.scaleLinear for the y-axis, and d3.axisBottom and d3.axisLeft for axes. Data originates from a Kaggle dataset on historical crypto prices, rendered as an SVG with D3 v6.

Ssenthilrajendran1

79% match