activity 6_Task 1

Cchandrikachowdary867@gmail.com

activity 6_Task 1

This bar chart displays the population of 30 countries in 2020, sorted along a vertical band scale. The visualization is built with React and D3 v5, using `scaleBand` for the categorical country axis and `scaleLinear` for the population axis, with SVG rectangles drawn by the `Marks` component. The data is loaded asynchronously from a CSV file using `d3.csv`, and the population values are formatted in billions using D3’s `format` function. Tooltips reveal the exact population value for each bar on hover.

AArunVurukonda@my.unt.edu

activity 6_Task 1

This bar chart displays the population of 30 countries in 2020, sorted alphabetically along the vertical axis with horizontal bar lengths representing population values in billions. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and renders SVG rectangles via the `Marks` component. Data loads asynchronously from a GitHub-hosted CSV using `d3.csv`, with axis ticks formatted using `d3.format` and a hover tooltip provided by SVG `<title>` elements.

HHarinathChakali33@gmail.com

Activity_6_task_1

This bar chart displays the population of 30 countries in 2020, sorted by country name along the y-axis. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded from a CSV file via D3's `csv` function, with population values formatted using `d3.format` to abbreviate large numbers. The SVG rendering includes custom axes, tooltips via `<title>` elements, and a green fill for each bar.

activity 6_Task 1

This bar chart displays the 2020 population of 30 countries, ranked vertically with horizontal bars extending to represent population size. Built with React and D3 v5, the visualization uses `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the numeric population axis, with a zero baseline. The data is loaded from a CSV file and formatted using `d3.format` to abbreviate large numbers. SVG rectangles render the bars, with tooltips showing exact population values on hover.

YYeruva Snehith Reddy

Kkaringusathwika@gmail.com

activity 6_Task 1

This bar chart displays the population of 30 countries for the year 2020, ranked along the vertical axis. The chart uses a green horizontal bar for each country, with a tooltip showing the precise population value on hover. It loads data from a CSV file via D3's `csv` function, and constructs a band scale and linear scale for the axes. The React components render SVG elements for the axes and marks, while D3's `format` function converts large numbers into abbreviated strings.

Vvandanakosuri@my.unt.edu

Activity-6(Task1)

This bar chart displays the population of 30 countries in 2020, using horizontal bars that encode population values by length. The visualization is built with React and D3 v5, leveraging D3’s `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and SVG rendering for crisp output. The chart includes custom tick formatting that converts scientific notation to readable numbers, and tooltips show exact population values. Data is loaded from a remote CSV file using D3’s `csv` parser.

Gguttavenkata745@gmail.com

activity 6_Task 1

This chart displays the population of 30 countries in 2020 using a horizontal bar chart, with country names on the y-axis and population values on the x-axis. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and SVG rectangles as marks with native tooltips. Data is loaded asynchronously from a CSV hosted on GitHub via `d3.csv` (not `d3.forceSimulation` or other graph APIs), and population values are preprocessed by multiplying the year-2020 column by 1000. The axes are custom components (`AxisBottom` and `AxisLeft`) using D3 ticks and formatting with `format('.2s')` to display values in billions.

Ssaiteja.cse.rymec@gmail.com

activity 6_Task 1

This bar chart visualizes the 2020 population of 30 countries, using a horizontal layout with bars scaled by population. The visualization is built with React and D3 v5, leveraging `d3.scaleBand` and `d3.scaleLinear` for axes and `d3.format` for tick labels (e.g., converting "G" to "B"). Data is loaded from a CSV URL via `d3.csv` and rendered as SVG rectangles with tooltips. A Poppins font and CSS styles control the visual presentation.