Cryptocurrency average order price versus size

100%

Cryptocurrency average order price versus size

✓ Published0🌍 Public

Last edited Nov 23, 2018

Created on Nov 22, 2018

This animated scatter plot shows average order price versus order size for live cryptocurrency trades, with bubble size reflecting total order count. It streams data from Coinbase’s WebSocket API, buffering messages and updating a Perspective table every 50 milliseconds. D3fc’s seriesSvgPoint renders the bubbles, while layoutLabel with layoutGreedy places instrument labels. Logarithmic scales for both axes handle the wide value ranges, and the chart transitions smoothly using d3’s transition method.

AI-generated description

Live streaming Crytocurrency price vs order size, using Perspective and d3fc. The size of each bubble indicates the total number of orders.

Read more about this in the blog post - realtime crypto charting with JPM Perspective and d3fc

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Realtime Orderbook

This example visualizes a real-time order book for cryptocurrency pairs, displaying bid and ask depth as an interactive SVG chart. It uses D3.js (v5) to render cumulative price levels, with green and red areas representing bids and asks. Data streams from Binance via Socket.IO, while a REST API fetches the initial snapshot, and the chart updates dynamically with each incoming trade. Users can switch between BTCUSDT, ETHUSDT, and BNBUSDT symbols using a dropdown menu.

ZZhou180

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

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

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

65% match

Loading thumbnail…

Bitcoin Price

A scatterplot tracks daily Bitcoin high and low prices over a month, with red and blue dots animating from the chart’s edges to their respective values. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`, and animates circles with `transition().duration(1000)`. Data comes from a CSV file parsed via D3’s `csv` method.

Zzlastefcia

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

62% match

Loading thumbnail…

title

This visualization, built with D3.js and rendered as an SVG, shows a time-series area chart of bid data across multiple financial exchanges. The chart displays overlapping filled regions, with the x-axis representing time and the y-axis representing price or value, while a light gray rect at the top-right suggests a hover or selection area. The data, sourced from a gist by FergusDevelopmentLLC, is drawn using smooth path curves for each exchange, creating a dense, layered comparison of exchange activity over time.

WWill Carter

61% match

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

61% match