Multi Cryptocurrency - Volume vs Market Cap

100%

Multi Cryptocurrency - Volume vs Market Cap

✓ Published0🌍 Public

Last edited Apr 30, 2023

Created on Apr 30, 2023

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")`.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the scatter plot of Color and Intensity of wines from the Wine Dataset.

MIT Licensed

Similar vizzes

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

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

78% match

Loading thumbnail…

Scatter Plot

A D3.js v6 scatter plot visualizes the relationship between trading volume and market capitalization for Bitcoin, using data loaded from a remote CSV file. The chart renders as an SVG with circle marks, linear scales for both axes, and formatted tick labels using `d3.format`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while rotated x-axis labels and a bold chart title are added via SVG text elements. The plot reveals the correlation between these two cryptocurrency metrics across the dataset.

Ssenthilrajendran1

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

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

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

75% match

Loading thumbnail…

Greater than 100k Alexa Rank and less 10m market cap

This scatterplot maps cryptocurrencies whose Alexa rank exceeds 100,000 against their market cap, which is under $10 million. Each circle is sized by market cap and colored by coin, with a smooth animated transition between the v2 and v3 datasets when the user clicks a button. Built with D3 v4, the SVG visualization uses logarithmic axes to accommodate the wide range of values, and the animation highlights changes in the crypto landscape over time.

WWill Carter

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

74% match