Crypto Token Platforms v2

100%

Crypto Token Platforms v2

✓ Published0🌍 Public

Last edited May 12, 2018

Created on Feb 13, 2018

This example visualizes the market support for various token platforms using two donut charts. The data comes from Coin Market Cap and shows 13 platforms, including Ethereum, NEO, and Waves. One chart displays the number of tokens supported by each platform, while the other shows the total market capitalization supported, with platforms segmented by color and tied to clickable links in the legend. The pie charts are rendered in SVG via D3 v3, with tooltips providing additional details on hover. The visualization is split into two datasets: one for token counts and one for market cap, each broken down into "all tokens" versus "excluding tokens under $10M market cap." The legend links each platform name to its website. This is a static example, with no animation or interactivity beyond the tooltip. The code is licensed under the MIT license.

AI-generated description

Source: Coin Market Cap, 2/12/2018

mit Licensed

Similar vizzes

Loading thumbnail…

Token types

A donut chart displays the distribution of cryptocurrency token types across blockchain platforms, sourced from CoinMarketCap. Each slice represents a platform's share of tokens, colored via an ordinal scale using d3.schemeCategory20, with a legend on the right identifying each platform by name, percentage, and count. The visualization highlights the dominance of Ethereum, which hosts the vast majority of tokens, while smaller slices represent platforms like Omni, NEO, Ardor, and others. The chart includes clickable text links for each platform that open the corresponding project website, and the legend is implemented using d3-legend with custom label formatting. Tooltip-like functionality is minimal; the emphasis is on the proportional breakdown and the linked resources for each token platform. Data is loaded from a CSV file listing individual tokens and their underlying platforms. The visualization uses an SVG pie chart with a color scale from d3.schemeCategory20. Interaction: none beyond hover (though not implemented in this version). The visualization includes a credit section and uses a clean, minimal design with no explicit title inside the chart. Title: Platform popularities Data: ... Now, using these values, create a new value for "Title:" and "Summary:". The summary should be no more than 3 sentences and should not mention any chart type. Instead, it should give an overview of what topic is visualized, describe the main insight, and mention the interactive aspect (if any). The summary should not be more than 2 sentences. Do not mention the chart type, but describe the visualization by its content. The final output should be a JSON object with two keys "title" and "summary". For example: {"title": "My title", "summary": "The summary"} . Use the exact key names from the example. Do not output anything else, just the JSON object. Do not include markdown code blocks around the response. The response should be a single valid JSON object.{ "title": "Token types", "summary": "This visualization displays the distribution of cryptocurrency tokens across different platforms as a donut chart. Each slice represents a token platform, with its size proportional to the number of tokens issued on it. A color-coded legend identifies the platforms, and the chart highlights the dominance of Ethereum in the token ecosystem." }

WWill Carter

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

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

65% match

Loading thumbnail…

Charts, Charts, Charts

This visualization displays four distinct chart types side by side: a doughnut chart, bar chart, radar chart, and pie chart. Each chart presents a different dataset, such as airline passenger numbers, player skill ratings, and EU population figures. The code uses Chart.js 2.8.0 for rendering all charts onto canvas elements, while D3.js v7 handles loading CSV data from a GitHub gist. The bar chart and pie chart use hardcoded arrays, but the doughnut chart demonstrates fetching and parsing external CSV data.

Ddevvansh1997

65% match

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

A pie chart displays the top ten cryptocurrencies by market capitalization, with the proportional area of each slice representing its market value. Data is loaded from a JSON file via `d3.json`, and the chart is rendered using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `schemeCategory10` color palette. The visualization also includes a custom legend generated with SVG shapes. The title, in Turkish, indicates the subject matter, and the data is formatted using `d3.format`.

Bbugracaglar

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

64% match

Loading thumbnail…

JS Bin

A donut chart displays browser market share percentages for IE, Chrome, Safari, Firefox, and Others, rendered as animated SVG paths that grow outward from the center. The visualization uses d3.layout.pie with a pad angle and d3.svg.arc to construct the rings, with d3.scale.category10 assigning colors per category. Upon loading, each path transitions over one second via transition.attrTween, interpolating from zero angles to its final slice, while a legend and percentage labels fade in afterward. The chart is styled with a dark widget background and drop-shadow filter from the accompanying CSS.

JJn1532

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

64% match