Activity 6 task 1

Mmalisettisaisumanth@gmail.com

Activity - 6_Task - 1

This horizontal bar chart displays the 30 most populous countries in 2020, using a diverging layout where bars extend rightward from a shared origin. The visualization sorts nations by population in descending order, with China and India leading at over 1.3 billion residents each. The chart uses D3 v7's `scaleLinear` for the population axis and `scaleBand` for categorical country labels, with bars rendered as SVG rectangles. Population values are loaded from a remote CSV file using `d3.csv` and formatted with the `d3.format` si-prefix, converting G to B for billions. Axes are styled by removing domains and adjusting tick marks, with light gray gridlines extending across the plot area.

Activity 6 Bar Chart 2

This bar chart visualizes the ten most populous countries, displaying each nation's population as a vertical bar. The primary chart uses D3.js version 7, employing `scaleBand` for the x-axis and `scaleLinear` for the y-axis. It reads data from a CSV file containing population estimates for the year 2000, rendering the visualization as an SVG. The bars are styled in steel blue and change to orange on hover, with rotated x-axis labels for readability. The chart includes a responsive layout that adapts to its container's dimensions.

RRishabh Sharma

Activity6_Task1

This horizontal bar chart displays the 30 most populous countries in 2020, with bars representing population values and a tooltip showing formatted numbers on hover. The visualization loads CSV data from a GitHub-hosted dataset, processes the population values by removing commas, and sorts countries in descending order before capping at 30 entries. Built with D3 v6, it uses `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and custom `AxisBottom` and `AxisLeft` components to render the axes. The chart includes blue grid lines, light green bars, and a formatted x-axis label that converts billions to a readable format.

Pparmuriat@gmail.com

Ddabbararakshitha@gmail.com

Activity6_Q 1.2

A horizontal bar chart displays the 20 most populous countries in 2010, sorted in descending order, using steelblue bars. The chart is rendered as an SVG with D3 v7, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Population data is loaded from a remote CSV file via `d3.csv`.

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.

Oorusushanth2002@gmail.com

activity6_Task1_Answer1.1

This horizontal bar chart visualizes the population of the ten most populous countries in the year 2000, with the x-axis representing population counts (formatted in billions) and the y-axis listing country names. The chart uses D3.js (v7) to load and parse CSV data from a GitHub repository, then renders light green bars using SVG rectangles. The implementation constructs linear and band scales for the axes, positions axis labels manually, and applies tick formatting to convert numbers into a readable format. The visualization employs a clean, minimal design with clear grid alignment and a 900×500 pixel viewport.

Vvenkatdinesh5010@gmail.com

Activity6_question1.1

This horizontal bar chart displays the top 10 most populous countries in 2000, with light green bars sorted by population and labeled along a formatted x-axis that converts values to billions. The visualization is built with D3 v7, using a linear scale for population (x-axis) and a band scale for country names (y-axis). The code imports separate modules for the axes and marks, applies a `.2s` tick format that replaces "M" with "B", and loads CSV data from a GitHub repository via `d3.csv`, rendering the final output as SVG.

Jjayakrishnanallani5@gmail.com

Activity 6 - task 1

This visualization presents a horizontal bar chart ranking the ten most populous countries in 2000, using population values from a static JavaScript array. The bars extend proportionally to population size, with each bar labeled by its exact count in full numerals. Built with D3.js v6, the chart uses `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and renders bars as SVG rectangles with steelblue fill. Axis ticks are formatted in millions, and the chart includes gridlines via `tickSize(-innerHeight)` within an SVG container.