Skip to main content
SimilarExport ZIP
100%

Fork of Activity 7

✓ Published0🌍 Public
Cchowdaryhemanth14@gmail.com
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from Activity 7

This fork of Activity 7 displays the populations of the first 30 countries from a CSV dataset for the year 2020 as horizontal bars. Built with React and rendered as SVG, it uses D3 v5 functions `scaleBand` and `scaleLinear` to map country names and population values to coordinates, with axis ticks from custom React components. The chart loads data via `d3.csv`, formats population values on the x-axis using `d3.format`, and provides hover tooltips.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity 7

This fork of Activity 7 displays a horizontal bar chart of population data for 30 countries in 2020. The visualization uses React to render an SVG with D3.js scales and axes. The code employs `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with data loaded via `d3.csv` from a GitHub repository. Each bar is a `<rect>` element with a `<title>` tooltip showing the population value, formatted using D3's `format` function to abbreviate large numbers.

Aanisha.peddireddy@gmail.com
94% match
Loading thumbnail…

Fork of Activity 7

This fork of Activity 7 visualizes the populations of 20 countries for a chosen year (2010 or 2000) as horizontal bar charts. Using React with D3 v5 scales (scaleBand and scaleLinear), it renders SVG rectangles whose widths map to population values, with formatted axis ticks and tooltips. The data is loaded from a remote CSV file via D3's `csv` function and limited to the first 20 rows.

Pperamranji
94% match
Loading thumbnail…

Fork of Activity 7

A horizontal bar chart displays the populations of twenty countries in 2020, loaded from a CSV file. Built with React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` to map country names and population values to SVG rectangles. Axes are generated with custom React components, and a tooltip using SVG `<title>` elements reveals precise values. The chart is formatted with D3's `format` function to abbreviate large numbers.

MManideeprenikindi
94% match
Loading thumbnail…

Fork of Activity 7

This bar chart displays the populations of 20 countries as horizontal bars, sorted by country name. Built with React and D3 v5, it renders as an SVG using `scaleBand` and `scaleLinear` for positioning, with population values loaded via `d3.csv` from a GitHub dataset. Axes are custom React components, and the x-axis uses `d3.format` to abbreviate tick labels from billions to "B" units.

HHemanthh81
93% match
Loading thumbnail…

Fork of Activity 7

This fork of Activity 7 presents a horizontal bar chart of population data for 30 countries in 2020, sorted by country name. The chart uses React to render SVG elements, with D3 scales (scaleBand and scaleLinear) and format utilities computing positions and tick labels. The graph displays axis lines and text in blue and gray, with green bars that include tooltips showing formatted population values. Data is loaded asynchronously from a GitHub-hosted CSV file using d3.csv, and the visualization updates after the data fetch completes.

Rravularasesh3102@gmail.com
93% match
Loading thumbnail…

Fork of Activity 7

This fork of Activity 7 visualizes the 2020 population of 30 countries as a horizontal bar chart using SVG rendering within a React application. The chart uses D3 v5’s `scaleBand` and `scaleLinear` to map data points to coordinates. The bars are rendered as `rect` elements with population values formatted using `d3.format`. A tooltip displays the formatted population value via a `<title>` element. The data is loaded from a CSV file using `d3.csv`, and the chart includes styled tick marks and labels.

Ppuneetputtu@my.unt.edu
93% match
Loading thumbnail…

Fork of Activity 7

This fork of Activity 7 visualizes 2020 population data for up to thirty countries as a horizontal bar chart, with population values shown on the x-axis and country names on the y-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to position bars and axes, rendering everything as SVG elements. The data is loaded via `d3.csv` from a remote GitHub URL, and tooltips display formatted population values using `format('.2s')`. The chart employs a green fill for bars, blue axis lines, and custom tick labels that convert large numbers to billions.

LLohitha Konidena
93% match
Loading thumbnail…

Fork of Activity 7

This fork of Activity 7 visualizes 2020 population data for up to thirty countries as a horizontal bar chart, with population values shown on the x-axis and country names on the y-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to position bars and axes, rendering everything as SVG elements. The data is loaded via `d3.csv` from a remote GitHub URL, and tooltips display formatted population values using `format('.2s')`. The chart employs a green fill for bars, blue axis lines, and custom tick labels that convert large numbers to billions.

LLohitha Konidena
93% match