Multi Crypto - Daily Price Fluctuations

100%

Multi Crypto - Daily Price Fluctuations

✓ Published0🌍 Public

Last edited Apr 30, 2023

Created on Apr 30, 2023

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.

AI-generated description

This candlestick chart shows the price fluctuations of Cryptocurrencies AAVE, Monero(XMR) and LiteCoin (LTC) from 2013 to 2021. The data comes from ( https://www.kaggle.com/datasets/sudalairajkumar/cryptocurrencypricehistory).

MIT Licensed

Similar vizzes

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

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

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

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

82% match

Loading thumbnail…

Multi Crypto Scatter Plot - Opening Price vs Highest Price

This interactive scatter plot explores the relationship between opening and highest prices for AAVE, Monero, and Litecoin cryptocurrencies. Users select a currency via radio buttons to filter the dataset, and the SVG chart redraws with new points. The visualization uses d3.csv to load price history from a GitHub-hosted CSV, d3.scaleLinear for axes, and d3.axisBottom/axisLeft to render labels. The code filters data by the Symbol column and clears the SVG before redrawing, providing a straightforward comparison of price dynamics across different digital assets.

Ssenthilrajendran1

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

80% match

Loading thumbnail…

Multi Crypto - Market Capitalization per Month

This example visualizes the monthly market capitalization of four cryptocurrencies (BTC, AAVE, XMR, LTC) as a bar chart. Users select a cryptocurrency via radio buttons, which triggers a redraw of the chart filtered to that symbol. The visualization uses D3.js v6 to parse CSV data, aggregate values by year and month with `d3.rollups`, and render logarithmic-scaled bars with `d3.scaleLog` and `d3.axisBottom`/`d3.axisLeft`. The SVG output includes rotated date labels, axis titles, and a chart title. Data comes from a remote CSV hosted as a GitHub gist.

Ssenthilrajendran1

80% match

Loading thumbnail…

Multi Cryptocurrency - Volume vs Market Cap

This interactive scatter plot visualizes the relationship between trading volume and market capitalization for selected cryptocurrencies (BTC, AAVE, XMR, LTC). Built with D3 v6 and SVG, it uses `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. Users select a cryptocurrency via radio buttons, triggering a redraw through `d3.selectAll` and `.remove()`. The plot includes rotated x-axis tick labels and a color-coded legend. Data is loaded via `d3.csv` from a remote dataset, with axes formatted using `d3.format(".2s")`.

Ssenthilrajendran1

78% match