Skip to main content
SimilarExport ZIP
100%

Activity-6_1.1

✓ Published0🌍 Public
MMdAfikurRahmanKhan@my.unt.edu
Last edited Nov 16, 2025
Created on Nov 16, 2025
Forked from Activity6_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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_1.1

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.

FFayezuddin Mohammed Khan
94% match
Loading thumbnail…

Activity6_Q1.1

This bar chart displays the population of ten countries for the year 2000, with country names on the vertical axis and population values on the horizontal axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and renders SVG rectangles via custom React components. The code formats axis tick labels using `format('.2s')` and loads data asynchronously from a CSV file using `csv` from D3.

VVidya Lakshmi Chitturi
93% 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
93% 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
93% match
Loading thumbnail…

Activity6-1 Q1.1

A horizontal bar chart displays the population of ten countries in the year 2000, with each bar’s length encoded by a linear scale and countries ordered along a band scale. Built with React and D3 v5, the visualization uses `scaleLinear` and `scaleBand` to position bars and axes, while SVG `<rect>` elements render the marks. Data is loaded from a remote CSV file, and tick labels are formatted using D3’s `format` API to abbreviate large numbers.

Aaadesh.pranesh@gmail.com
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
Loading thumbnail…

Activity-6-q1.1

This bar chart displays the population of ten countries in the year 2000, using horizontal bars ordered by country name. The visualization is built with React and D3 v5, employing `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. Data is loaded from a CSV file via `d3.csv`, with population values parsed as numbers. SVG rectangles render the bars, while custom `AxisBottom` and `AxisLeft` components create the axes, and text labels are formatted using `d3.format`.

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

Activity6

A horizontal bar chart displays the population of ten countries in the year 2000, with bars extending from left to right and a blue bottom axis showing values formatted in billions. The visualization is rendered as SVG within a React application, using D3.js modules `scaleBand` and `scaleLinear` for the coordinates and `format` for axis labels. Data is loaded from a CSV file via the `d3.csv` loader, which derives the population value from the raw 2000 column.

Aanjalimadhavi98@gmail.com
92% match