Activity_6 Q1.1

Ssrilekhasridasyam@my.unt.edu

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.

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

Aadapasaidivya99@gmail.com

Activity_6_Q_1

A horizontal bar chart displays the population of ten countries in the year 2000, using green rectangles with country names on the y-axis and population values on the x-axis. The visualization loads data from a CSV file via d3.csv, scales the population values with d3.scaleLinear, and positions bars using d3.scaleBand. React components render the SVG elements, while d3.format converts population numbers into abbreviated labels like "B" for billions. Native SVG `<title>` elements provide tooltips showing exact formatted values on hover.

Bbhavanimandula@my.unt.edu

ACTIVITY 6 Q 1.1

This bar chart displays the population of ten countries in the year 2000, with bars extending horizontally to represent population values. The visualization uses React to render SVG elements, with D3 v5 functions scaleBand, scaleLinear, max, and format handling the axes and tick formatting. The chart loads data from a remote CSV and converts population values to a readable format using suffix abbreviations like “B” for billions. Styled with light green bars and blue axis lines, it provides a clear comparison of national populations.

Aaadesh.pranesh@gmail.com

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.

Activity6_Q1.1

A horizontal bar chart displays the populations of ten countries in the year 2000. The visualization uses React to render an SVG, with D3 v5 providing the scaleBand and scaleLinear functions for positioning bars and axes. Data is loaded asynchronously from a CSV file via d3.csv. Custom React components define the axes and marks, with hover tooltips showing formatted population values.

SShiva Sai Reddy

Activity6_Question1.1

This bar chart displays the populations of ten countries in the year 2000, using horizontal bars colored in light green. The chart is built with React and D3 v5, rendering as an SVG. It uses `d3.scaleBand` for the categorical y-axis (countries) and `d3.scaleLinear` for the quantitative x-axis (population), with tick marks styled via CSS. Population values are formatted using `d3.format` and shown as tooltips. Data is loaded from a remote CSV file and processed with `d3.csv`.

Nnikhithadadi@my.unt.edu

Bbhavya.kanyadara@gmail.com

Activity_6 Q1.1

This example displays a horizontal bar chart comparing the population of ten countries in the year 2000. Blue tick lines and green bars are rendered as SVG within a React component. The chart uses `d3.scaleBand` for the y-axis, `d3.scaleLinear` for the x-axis, and `d3.csv` to load data from an external URL. Population values are formatted with `.2s` notation and converted from millions to billions using the `.replace('G', 'B')` method.