Skip to main content
SimilarExport ZIP
100%

Market Capitalization Bar Chart

✓ Published1🌍 Public
Ssenthilrajendran1
Last edited Apr 7, 2023
Created on Apr 6, 2023

This bar chart compares Bitcoin market capitalization across different countries using data from Kaggle’s cryptocurrency price history. It aggregates market cap values per country with d3.rollups and renders them as steelblue rectangles scaled by d3.scaleBand and d3.scaleLinear. The visualization includes rotated x-axis labels and formatted y-axis ticks via d3.axisBottom and d3.axisLeft, with both axes and chart title annotated as SVG text. Data is loaded asynchronously via d3.csv.

AI-generated description

Bar chart to compare the market capitalization of BTC by various countries around the world. The data is derived from ( https://www.kaggle.com/datasets/sudalairajkumar/cryptocurrencypricehistory).

MIT Licensed

Similar vizzes

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
75% 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
72% 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
72% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the market capitalization of two companies, Apple and TM, using data from a CSV file. Built with D3 v5 and rendered as an SVG, the visualization uses `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis, with customized axes via `axisBottom` and `axisLeft`. The chart includes axis labels and a title, while the bars are styled with a steelblue fill via CSS.

Kkesmith21
70% 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
69% 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
67% match
Loading thumbnail…

Market Values based on the question

This visualization displays market values associated with various questions, rendered as an animated bar chart using D3 v5. The chart reads CSV data from a GitHub gist and encodes job titles along the y-axis and questions along the x-axis, with bars transitioning over one second. Users can sort the bars in ascending or descending order by market value using buttons. The implementation leverages D3's scaleBand, scaleLinear, axisLeft, axisBottom, and transitions, with SVG output and a tooltip that appears on mouseover.

UUmarani Vemula
67% match
Loading thumbnail…

BarChart

This bar chart visualizes a small dataset comparing values across five countries, including the USA, UK, and India, using an SVG rendering approach. The bars are drawn with `d3.scaleBand` for the x-axis categories and `d3.scaleLinear` for the y-axis values, styled in steel blue. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, with the chart built using D3 v6 within a React environment. The fixed dimensions and margins define the layout, while the data is hardcoded in the script.

BBhavanaGIrni
67% match