Skip to main content
SimilarExport ZIP
100%

Activity6_1.1

✓ Published1🌍 Public
FFayezuddin Mohammed Khan
Last edited Nov 1, 2025
Created on Nov 1, 2025
Forked from HTML Starter

A horizontal bar chart displays the population of the first ten countries from a CSV dataset for the year 2000. The chart uses light green bars that darken on hover, with axis ticks and labels styled in gray. Built with React and D3 v5, the visualization uses D3's `scaleLinear` and `scaleBand` for scales, `svg` for rendering, and `format` to abbreviate tick labels, converting 'G' to 'B' for billions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_1.1

A horizontal bar chart displays the population of the first ten countries from a CSV file for the year 2000. Built with React and D3 v5, the visualization uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the population x-axis, and renders SVG rectangles. A `d3.format` function converts large numbers to billions with an 'B' suffix, and tooltips appear on hover.

MMdAfikurRahmanKhan@my.unt.edu
94% match
Loading thumbnail…

Activity_6_Q1.1

This bar chart displays the population of ten countries in the year 2000, using horizontal bars with a green fill. It loads data from a CSV file via `d3.csv`, scales the axes with `d3.scaleBand` and `d3.scaleLinear`, and renders the visualization as an SVG using React, with D3.js v5 axes and formatting.

Pparvathi829790@gmail.com
92% match
Loading thumbnail…

Activity 6

A horizontal bar chart displays the populations of ten countries for the year 2000, with each bar's length proportional to its population value. The chart uses a green fill for the bars and blue axis tick marks. Built with React and D3 version 5, the visualization uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and renders as SVG. Population data is loaded from a remote CSV file using `d3.csv`, and D3's `format` function converts large numbers to a compact "B" (billion) notation for axis labels and tooltips.

KKarnam Abinay Goud
92% match
Loading thumbnail…

Activity6_Q1.1

A horizontal bar chart displays the population of ten countries in the year 2000, with bars extending from left to right and ordered by country name. The visualization uses React with D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Data is loaded from a CSV file using D3's `csv` function. Each bar includes a native SVG `<title>` tooltip showing the formatted population value, and the x-axis tick labels convert SI units from 'G' to 'B' using D3's `format`.

JJhansi Balla
92% match
Loading thumbnail…

activity 6_Task 1.1

A horizontal bar chart displays the population of ten countries in the year 2000, sorted by country name along the y-axis and population magnitude along the x-axis. Built with React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` to map data, with SVG `<rect>` marks rendered from CSV data loaded via `d3.csv`. Green bars include tooltips, and axes are annotated with a custom formatter that converts SI units like "G" to "B" for billions.

Jjtulasi05@gmail.com
92% match
Loading thumbnail…

Activity 8_Q1.A1

A horizontal bar chart displays the populations of ten countries for the year 2000, sorted from largest to smallest. The chart uses green bars with blue tick marks on a white background, and hovering over a bar reveals the population value via a tooltip. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` for axes, with data loaded from a CSV file via the `csv` function. The rendering uses SVG elements, with axis labels formatted using D3's `format` function to abbreviate large numbers.

SSeema Shrestha
92% match
Loading thumbnail…

Activity6_q1

This D3 bar chart displays the population of ten countries for the year 2000, using horizontal bars sorted by country name. The visualization loads CSV data via `d3.csv` from a GitHub repository, then renders an SVG with React, applying a linear scale to the population axis and a band scale to the categorical country axis. Bars are styled with a light green fill, and tooltips, formatted with `d3.format` to show values in billions, appear on hover.

Jjahnavigummadi@my.unt.edu
92% match
Loading thumbnail…

Activity6_q1_1

A horizontal bar chart displays population figures for ten countries in the year 2000, sorted by country name on the y-axis. The chart uses D3 v5’s `scaleBand` for the categorical axis and `scaleLinear` for the numeric axis, with React components rendering SVG `<rect>` marks. Data is loaded from a CSV file via `d3.csv` and formatted with `d3.format` to abbreviate large numbers (e.g., “1.2B”). Axis ticks and bar tooltips are built from custom React components, while the styling applies a green fill and blue tick lines.

Ssrilekhasridasyam@my.unt.edu
92% match