Skip to main content
SimilarExport ZIP
100%

CHAPTER 3 LECT NOTES PRACTICE

✓ Published0🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Sep 9, 2025
Created on Sep 9, 2025

This horizontal bar chart ranks cryptocurrencies by market capitalization, displaying each coin’s name to the left of a blue bar and its market cap value to the right. Built with D3 v7, the visualization uses `scaleLinear` and `scaleBand` to map market cap values and coin names, with data loaded from a CSV file. The chart draws axes on both top and bottom, using `axisTop` and `axisBottom` with a formatted tick label that appends "market cap" to abbreviated values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Dataset1_crypto_analysis

This horizontal bar chart visualizes the market capitalization of various cryptocurrencies, sorted in descending order from Bitcoin to The Graph. Built with D3 v7, the visualization uses `scaleBand` and `scaleLinear` to map data from a CSV file containing cryptocurrency metrics. The code employs `axisTop` and `axisBottom` to display market cap labels, while `selectAll` and `.join()` efficiently render the bars and their corresponding name and value labels.

BBismark Kofi Owusu Sarfo
82% match
Loading thumbnail…

Fork of Dataset1_crypto_analysis

A horizontal bar chart displays the top cryptocurrencies by market capitalization, sourced from Crypto.com. Each bar is labeled with the cryptocurrency name and its market cap value, formatted with d3.format. The visualization uses D3 v7's scaleLinear, scaleBand, axisTop, and axisBottom to construct the chart, with data processed from a CSV and sorted in descending order.

BBismark Kofi Owusu Sarfo
80% match
Loading thumbnail…

Market Capitalization Bar Chart

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.

Ssenthilrajendran1
76% match
Loading thumbnail…

Pie Chart with Labels & Legend

This pie chart displays the market share of major cryptocurrencies by market capitalization, with labels and a legend identifying each asset. It uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme to generate SVG paths and text labels. Labels for slices under 4% are hidden to reduce clutter, while a legend on the right lists all assets. The data is parsed inline from a CSV snapshot using `d3.csvParse` and `d3.autoType`.

Kkhushburajan2015@gmail.com
74% 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
73% 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
73% 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
73% match
Loading thumbnail…

3D Bar Chart

This 3D bar chart visualizes social sentiment data for the top 10 most-liked stocks and cryptocurrencies, comparing metrics like likes, posts, and price. It uses the d3-x3d library to render interactive 3D bars within an X3DOM scene, driven by D3 v5 for data loading and scaling. The visualization reads CSV data from a GitHub gist, parsing each asset’s name and its three numeric values. The chart’s multi-series layout displays each metric as a separate clustered bar group, with a custom-styled title and a blue background enhancing the visual presentation.

HHarishma Nallala
72% match