Activity6_Task1_Q1.2

Mmaheshsachin1234@gmail.com

Activity6_Task 1.2

This example displays a horizontal bar chart comparing the 2010 populations of 20 countries. The chart uses a linear scale for population on the x-axis and a band scale for countries on the y-axis, with each bar rendered as a light green rectangle. Built with D3 v7, the visualization renders as SVG and explicitly constructs axes and marks through modular functions. The left axis lists country names, while the bottom axis formats population values in billions using a tick formatter. Data is loaded asynchronously from a CSV URL via `d3.csv`.

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.

Activity6_Task1 _1

This horizontal bar chart displays the population of ten countries in the year 2000, sorted from highest to lowest. The chart uses d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, rendering bars as SVG rectangles with a fixed coral fill. It draws axes with d3.axisBottom and d3.axisLeft, and the data is loaded from a CSV file using d3.csv. Labels for “Population - 2000” and “Countries” are added with SVG text elements.

Nnissisharon61@gmail.com

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

Activity 6 _Task 1 _ Q.1.2

This horizontal bar chart shows the population of 20 countries in 2010, ordered along a categorical y-axis and scaled linearly on the x-axis. Each light blue bar represents a country’s population, with tick labels formatted in billions (e.g., “1.2B”) using `d3.format`. The visualization uses D3 v7 to create SVG elements, with the `scaleBand` for country categories and `scaleLinear` for population values. Data is loaded asynchronously from a CSV file via `d3.csv`, and axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with custom labels for population and countries.

Pperamranji

activity 6_Task 1

A horizontal bar chart displays the population of 20 countries for 2010, sourced from a CSV file, with bars sorted by country name. The chart uses D3's `scaleBand` and `scaleLinear` to map data to SVG coordinates, rendered as `rect` elements within a React component. Axes are drawn with custom components, and tick labels are formatted using D3's `format` function to abbreviate large numbers.

HHari Kiran

Ssaikarthiknimmagadda@gmail.com

activity6_Task1.1

This horizontal bar chart displays the population of ten countries in the year 2000, with light green bars extending from a left-aligned y-axis of country names to an x-axis of population values. The visualization uses D3 v7 to load CSV data via `d3.csv`, scale the values with `scaleLinear` and `scaleBand`, and render axes with `d3.axisBottom` and `d3.axisLeft`. Axis labels are annotated, and the bottom axis formats population values using `d3.format`, abbreviating millions as "B".