Activity 6 _Task 1 _ Q.1.2

activity 6_Task 1 Q2

This example shows a horizontal bar chart of the top 20 countries by population in 2010, sorted in descending order. Each bar’s length encodes population using a d3.scaleLinear, while country names are positioned on a d3.scaleBand axis. The visualization uses D3 v5 to append SVG rectangles, with d3.axisBottom and d3.axisLeft for labeled axes. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, and the styling uses purple bars with green axis labels in a white, card-like container.

Pperamranji

Activity 6_ Task 1 - Q2

This bar chart displays the populations of 20 countries for the year 2010, sourced from a CSV file. The visualization uses an SVG canvas with a linear scale for population and a band scale for country names. The code employs d3.v7 APIs such as `d3.axisBottom`, `d3.axisLeft`, `d3.scaleLinear`, and `d3.scaleBand`, along with custom modules like `Marks.js` for drawing light green bars. The x-axis is labeled "POPULATION-2010", and the chart includes a title.

Nnavyabade05@gmail.com

Activity6_Task1_Q1.2

A horizontal bar chart displays the population of 20 countries in 2010, with country names on the y-axis and population on the x-axis. The data is loaded from a CSV file using d3.csv and rendered as SVG rectangles via d3.select, d3.scaleLinear, and d3.scaleBand. Axis labeling uses d3.axisBottom and d3.axisLeft.

MManojsai Bangaru

Ssairohithchada@gmail.com

Activity 6_Task 1_2

This horizontal bar chart displays 2010 population figures for 20 countries, with countries arranged along the y-axis and population values mapped to the x-axis. The bars are rendered as light green rectangles using SVG. The implementation builds on D3 v7, employing `d3.scaleLinear` and `d3.scaleBand` for scales, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.csv` to load data from a GitHub-hosted CSV file. X-axis ticks are formatted with `d3.format` to display values in billions.

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.

Hhoneyravuri.711@gmail.com

Activity-6_Question-1.2

This bar chart displays population figures for 20 countries from a 2010 dataset, ordered along a vertical categorical axis with horizontal bars extending proportionally to population values. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data loads asynchronously from a CSV file via `d3.csv`, with bars drawn using SVG `rect` elements filled in red.

Activity6_Task1_Q1.2

A horizontal bar chart shows the populations of 20 countries in 2010, sorted by country name, with each bar’s length scaled linearly by population and labeled with a shortened numeric format that converts millions to billions. The chart uses D3 v7’s `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, and `d3.axisLeft` to construct the axes and marks, with SVG rectangles drawn via `Marks.js` and data loaded from a remote CSV using `d3.csv`. The visualization highlights the relative population magnitudes across countries with a light green fill and blue tick lines.

MMeghana Sadhu

Fork of activity 6_Task 1 Q2

This chart displays the populations of 20 countries in 2010 using a horizontal bar chart. The bars are ordered from largest to smallest population, with countries on the y-axis and population values on the x-axis. The visualization is built with D3 v5, using `d3.scaleLinear` and `d3.scaleBand` for axis scaling, while `d3.axisBottom` and `d3.axisLeft` create the axes. Data is loaded asynchronously from a CSV file with `d3.csv` and rendered as SVG rectangles.

Pperamranji