Activity 6_Task 1

Activity 6_Taskl 1

A horizontal bar chart displays the top 30 countries by population in 2020, using light green bars ordered alphabetically by country name. The visualization employs D3.js v7 with SVG rendering, using `d3.scaleLinear` and `d3.scaleBand` for positioning, along with `d3.axisBottom` and `d3.axisLeft` for axes. Population values are formatted as billions on the x-axis, while the data originates from a CSV file hosted on GitHub, fetched asynchronously via `d3.csv`.

Nnavyabade05@gmail.com

Vvenkatdinesh5010@gmail.com

Activity6_task1

This horizontal bar chart displays the 2020 populations of 30 countries, with bars sorted by country name along the y-axis and population values along the x-axis. The visualization uses D3 v7 to load CSV data from a GitHub repository, then renders SVG rectangles with a light green fill. The x-axis uses a linear scale with custom tick formatting to abbreviate large numbers (e.g., 200M, 1.2B), while the y-axis employs a band scale to position the country labels. Axis labels are added via the AxisBottom and AxisLeft components.

Mmaheshsachin1234@gmail.com

Activity6_Task 1.1

This visualization is a horizontal bar chart showing the populations of the top 10 countries in the year 2000, sorted in descending order. It uses a linear scale for population values and a band scale for country names, with light green bars and labeled axes. The chart is built with D3 v7, using `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, and `d3.axisLeft` to render SVG elements. Data is loaded asynchronously from a CSV file via `d3.csv` and filtered to the top 10 entries based on population.

Activity6_Task1_Q1.1

This horizontal bar chart displays the population of the top 10 countries in the year 2000, sorted from largest to smallest. The chart uses a light green fill for the bars, with a title above and blue tick lines on the axes. Built with D3 v7, the code uses `d3.scaleLinear` and `d3.scaleBand` for the x and y scales, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is fetched from a CSV file stored on GitHub and rendered as SVG.

MManojsai Bangaru

AAnushaHyderaboeni@my.unt.edu

Activity 6_Task 1

This horizontal bar chart displays the 2020 population estimates for the top 30 countries, using a linear scale for population values and a band scale for country names. The visualization renders light green bars via SVG rectangles, with axes labeled "POPULATION-2020" and "Countries." It loads data from a CSV file using d3.csv, formats axis tick labels with d3.format to abbreviate values like millions and billions, and builds the chart using modular functions for axes and marks in d3.v7.

Sshreshikaveerannagari@gmail.com

activity6_task1

This horizontal bar chart displays the populations of the top 30 countries in 2020, sorted by country name. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis to position the light green bars. The data is loaded from a CSV file hosted on GitHub, with the population values formatted as billions (e.g., "1.2B") on the x-axis. Both axes include custom labels, with the x-axis labeled "POPULATION-2020" and the y-axis labeled "Countries".

Activity-6 Task1

This horizontal bar chart displays the population of the top 30 countries in the year 2020, sorted by their 2000 population values from a CSV dataset. The visualization uses d3.v7 with SVG rendering, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. Custom axis components format large numbers with abbreviations (e.g., "1.2B" instead of 1,200,000,000) and label the axes as "POPULATION-2020". Light green rectangles represent each country's population, with axes and labels generated programmatically via the D3 API.

Kkrishi7079@gmail.com

Cchowdaryhemanth14@gmail.com

Activity 6_Task 1_Q1.2

This bar chart displays the 2010 population figures for the top 20 countries, sorted in descending order. The visualization uses D3 v7 with ES6 modules to load CSV data from a GitHub repository, then renders the bars as SVG rectangles. A linear x-scale encodes population values while a banded y-scale positions each country, with axes generated using d3.axisBottom and d3.axisLeft. The chart is built through modular functions for data handling, axis creation, and mark rendering.