Skip to main content
SimilarExport ZIP
100%

ICE 6

✓ Published0🌍 Public
CCharith Kapuluru
Last edited Oct 20, 2025
Created on Oct 20, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 6

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.

CCharith Kapuluru
89% 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
88% 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
86% 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
85% 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
85% match
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
85% match
Loading thumbnail…

ICE6

A horizontal bar chart displays the top ten countries in the 2019 World Population dataset, with each bar's length proportional to population and country labels on the y-axis. The visualization is built with React, using D3's `scaleBand` and `scaleLinear` to map data to SVG rectangles within a responsive `<svg>` container. Axes and tick marks are generated via D3's `axisLeft` and `axisBottom` functions, styled with CSS. The chart updates asynchronously after fetching and parsing the CSV via `d3.csv`.

Hharika-1929
83% match
Loading thumbnail…

ICE-6

This horizontal bar chart visualizes the top 20 countries by population, with red bars extending from a shared baseline. The visualization uses React to manage state and D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded asynchronously via `d3.csv` from a GitHub gist. Gridlines and tick labels are manually rendered as SVG elements using D3’s `ticks()` method, with the chart displayed within an SVG container on an HTML page.

Ssri7harsha
83% match