ICE 6

100%

✓ Published0🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

This example shows a bar chart of GDP in billion USD for various countries in 2024. The bars are sorted in descending order and colored a uniform blue, with a tooltip revealing each country's exact value. The visualization is rendered as an SVG using D3 v7. The code loads data from a CSV file, processes it with `d3.csv`, and uses `d3.scaleBand` and `d3.scaleLinear` to map country names and GDP values to positions. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, with rotated country labels for readability.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 6 -1

This bar chart ranks countries by their 2024 GDP in billions of U.S. dollars, using a horizontal layout with rotated country labels and tick marks for readability. The visualization loads a CSV from a GitHub gist via `d3.csv`, filters it to the year 2024, and sorts values in descending order. It renders an SVG using `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and includes axes via `d3.axisBottom` and `d3.axisLeft`. Tooltips with exact values appear on each bar using SVG `<title>` elements.

CCharith Kapuluru

91% match

Loading thumbnail…

ICE 6 BarChart

This bar chart ranks countries by GDP in billion USD, with bars ordered from highest to lowest. The visualization uses D3's `scaleBand` and `scaleLinear` for positioning, and the data is loaded via `d3.csv` from a Gist URL. The x-axis labels are rotated sixty degrees for readability, and the chart displays grid lines from the y-axis. The country names and GDP values are plotted using SVG rectangles filled with a uniform blue color.

CCharith Kapuluru

91% match

Loading thumbnail…

ICE 6 -1

This bar chart ranks countries by their GDP in billion USD, with bars sorted from largest to smallest and a tooltip on each bar showing the exact value. The visualization is built with D3 v7, using `d3.csv` to load the data from a remote gist, and `d3.scaleBand` for the categorical x-axis plus `d3.scaleLinear` for the numeric y-axis. Rotated country labels on the bottom axis and horizontal grid lines from `d3.axisLeft` aid readability.

CCharith Kapuluru

90% match

Loading thumbnail…

ICE 6

This visualization combines bar charts and line charts to compare GDP and population across continents for 2024. The chart uses aggregated data from a CSV file, displaying GDP as blue bars and normalized population as a red line with points. Built with d3.csv, d3.rollups, and d3.scaleBand, the visualization maps population values to the GDP scale using d3.scaleLinear for comparison. The SVG rendering includes axes, legends, and tooltips, with d3.axisBottom and d3.axisLeft for the coordinate system.

CCharith Kapuluru

89% match

Loading thumbnail…

ICE-6 Bar Charts

A horizontal bar chart displays the GDP per capita for 15 countries, sourced from a CSV file. The chart uses SVG for rendering and is built with React, D3 v5, and D3's scaleBand and scaleLinear for axis scaling. It uses D3's csv loader and max functions, and renders the chart with a blue gridline, labeled axes, and colored bars.

MMounikadontireddy

87% match

Loading thumbnail…

ICE-6

A bar chart displays the GDP of fifteen countries, sourced from a CSV file. The visualization uses React to manage state and render an SVG, with D3 v5 functions for data loading (`d3.csv`), scaling (`d3.scaleBand`, `d3.scaleLinear`), and axis generation. Rectangles encode GDP values along a horizontal scale with labeled ticks.

JJasvitha Allamsetty

87% match

Loading thumbnail…

ICE-6 Bar Chart

This gallery features multiple D3 v7 visualizations of global economic data, including a bar chart of GDP by country, a combined bar-and-line chart of GDP and normalized population by continent, a multi-series line chart comparing normalized GDP, population, and GDP per capita for top countries, and a scatter plot of population versus GDP. The examples use d3.csv, scaleBand, scaleLinear, scalePoint, and axis generators (axisBottom, axisLeft), with SVG rendering for all graphics.

CCharith Kapuluru

87% match

Loading thumbnail…

ICE 6

This visualization displays the top 20 countries ranked by GDP, using horizontal bars to show population values. The chart is rendered as an SVG using React and d3.v5. D3’s scaleBand and scaleLinear map country names and population data from a CSV file, while the x-axis tick marks are drawn with line and text elements. The data source is a GitHub gist, and the bars are colored green with a blue gridline for scale reference.

Ddineshtadepalli12

85% match