Skip to main content
SimilarExport ZIP
100%

CoinStats

✓ Published0🌍 Public
JJHamron
Last edited Mar 22, 2021
Created on Mar 22, 2021
Forked from HTML Starter

CoinStats visualizes cryptocurrency market data from May 2013 to October 2017, plotting daily price, market capitalization, or 24-hour trading volume for Bitcoin, Ethereum, Bitcoin Cash, Litecoin, or Ripple. A multi-line chart built with D3.js displays the selected time series, while a jQuery UI slider filters the date range and dropdown menus switch between coins and metrics. The chart uses D3 scales and path generators for axes and lines, with a hover tooltip showing exact values on the focused data point.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line Graph Trial

This interactive line graph visualizes cryptocurrency price and market capitalization trends over time, with dropdown menus to select the metric (price_usd or market_cap) and coin type (bitcoin, ethereum, litecoin, ripple, or bitcoin_cash). The SVG chart animates transitions between datasets using `d3.transition()`, updating the line path, x-axis (time), and y-axis (linear scale) with a duration of 700ms. Data is loaded from `buildings.json` via `d3.json()`, with dates parsed using `d3.timeParse()`, and the y-axis labels are conditionally formatted (e.g., market cap shown in thousands with “k”).

DdeafMother
70% match
Loading thumbnail…

Line Chart

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

Kkhushburajan2015@gmail.com
68% 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
67% 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
67% 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
67% 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
65% 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
65% match
Loading thumbnail…

Reusable D3 Scatter Plot

This reusable D3 scatter plot visualizes cryptocurrency market capitalization against 24-hour trading volume for ten major assets, with circle size encoding market dominance percentage. It uses logarithmic scales for both axes to accommodate the wide value ranges, while a square-root scale maps dominance to circle radius. The chart is built as a reusable factory function following the Bostock pattern, utilizing D3 v7's `scaleLog`, `scaleSqrt`, `scaleLog` APIs, and feature-based selection for efficient SVG updates. The code includes data parsing via `d3.csvParse` and `d3.autoType`, with hover tooltips displaying asset-specific details.

Kkhushburajan2015@gmail.com
65% match