Activity 6_task 1 Q1.2

Aakankshareddygorla@my.unt.edu

Activity 6_task 1 Q1.1

This bar chart displays the population of ten countries in the year 2000, ranked along a vertical axis. The visualization uses React with D3 v5's `scaleBand` and `scaleLinear` to map country names and population values to SVG rectangles. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with population values converted from thousands. Axis components use `tickFormat` to abbreviate large numbers, converting 'G' to 'B' for billions.

activity 6_Task 1.2

This bar chart visualizes the top 20 countries by population for the year 2010, using a horizontal layout with countries on the y-axis and population on the x-axis. It uses React with D3 v5 scales (scaleBand, scaleLinear) to position SVG rectangles, with axis components rendering ticks and labels. Data loads from a CSV via d3.csv, and tooltips display formatted population values using d3.format.

Ssanjanaadapa7@gmail.com

Bbhavanasruthikakarlapudi@gmail.com

activity 6_Task Q1.2

This chart displays the top 20 countries by population in 2010 as a horizontal bar chart, with the country name on the y-axis and the population count on the x-axis. It uses React to render an SVG, leveraging D3 v5’s `scaleBand` and `scaleLinear` for axes and scales. The data is loaded from a remote CSV file, and each bar includes a tooltip via a `<title>` element format using D3’s `format` function. Styling is applied via CSS, with red tick lines and green bars.

Activity 6_task 1 Q2

This bar chart displays the top 20 countries by population in 2010, with countries listed alphabetically on the y-axis and population values on the x-axis. Built with React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` to map the data, rendered as SVG rectangles. Population values are formatted using `format('.2s')` to display billions. Data is loaded from a CSV file using `d3.csv` in a custom `useData` hook, with hover effects changing bar colors and tooltips showing exact population values.

SSuneelKalva@my.unt.edu

Aamarnadhkari98@gmail.com

Activity6_Task1_Qus2

This horizontal bar chart displays the population of the top 20 countries for the year 2010, using D3.js v5 within a React framework and rendering via SVG. The visualization is built with `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with bars drawn as SVG rectangles. Population values are loaded from a CSV file using D3's `csv` function, formatted with `d3.format` to abbreviate large numbers (e.g., 'B' for billions), and include interactive tooltips showing the formatted population on hover. The chart includes styled blue tick marks and green bars, with axes labeled accordingly.

Rrajeswariamruthabommaraju@my.unt.edu

Activity 6_task 1_q1.2

A horizontal bar chart displays the 20 most populous countries in 2010, with country names on the y-axis and population on the x-axis. The visualization uses React with D3 v5's `scaleBand` and `scaleLinear` to position bars, while custom React components render axes and marks as SVG rectangles. Data loads from a remote CSV file via `d3.csv`, with population values multiplied by 1000 and formatted using `d3.format`. Tooltips show exact population values through SVG `<title>` elements.

Bbudalavijay2001@gmail.com

activity 6_Task 1 Q2

This interactive bar chart displays the population of the top 20 countries for the year 2010, sorted in descending order. Built with React and D3 v5, it uses the `scaleBand` and `scaleLinear` functions to map country names and population values to SVG rectangles. The data is loaded from a CSV file via D3’s `csv` function, and hovering over a bar reveals a tooltip with the population in a compact SI format.

Ssumanthpenna0221@gmail.com

Activity 6_Task Q1

This visualization shows a horizontal bar chart of the top 30 countries by population in the year 2000. The chart uses D3 v5 scales (scaleBand for the y-axis and scaleLinear for the x-axis) within a React framework, rendering bars as SVG rectangles. Population values are formatted using D3's format function, converting large numbers to abbreviated labels with 'B' for billions. The data is loaded from a CSV file using D3's csv function and styled with green bars, blue tick lines, and labeled axes.