Activity 6

Activity-6 Task 1

This horizontal bar chart displays the top 30 countries by population in 2020, with bars extending from the left edge and a logarithmic-free linear scale for population values. The visualization uses D3 v7’s `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs, rendering SVG rectangles via a data join. Light green bars represent each country, with a custom tick formatter converting numeric values to abbreviated formats like “B” for billions. Population data is loaded as CSV from GitHub and sorted descending before filtering to the top 30 entries.

94% match

Activity 6 task 1

This bar chart ranks the top 30 countries by population in 2020, using horizontal bars with population values on the x-axis and country names on the y-axis. The visualization is built with D3.js (v7) and rendered as an SVG, loading data from a CSV file. It uses custom components like `AxisBottom`, `AxisLeft`, and `Marks` to create the axes and bars, with D3's `scaleLinear` and `scaleBand` for data mapping and a custom tick format that converts numbers to billions.

93% match

Activity6

This visualization presents a horizontal bar chart of the top 30 countries by 2020 population, derived from a CSV dataset. It uses React components for rendering SVG marks, with D3 v5 scales for layout. The `scaleBand` y-axis and `scaleLinear` x-axis position and size the rectangles, while a tooltip via the SVG `<title>` element reveals the formatted population value.

92% match

Activity 6 DV

This horizontal bar chart displays the top 30 most populous countries in 2020, sorted in descending order. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. Bars are colored light green, and axis labels are formatted using `d3.format`. The data is loaded from a CSV file via `d3.csv` and processed with the `useData` utility function.

92% match

Hhoneyravuri.711@gmail.com

Activity6_Task-1

This bar chart displays the population estimates for the top 30 countries in 2020, sorted along a horizontal axis with country names on the vertical axis. The visualization uses D3 v7’s scaleLinear and scaleBand to map population values to bar widths and categories to vertical positions, rendered as SVG rectangles. Data comes from a CSV file loaded via d3.csv, with axis labels formatted using d3.format to abbreviate large numbers like millions and billions.

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".

Ppuppireddyarchana@gmail.com

Activity6

This bar chart displays the population of 30 countries for the year 2020, sorted along a horizontal axis using a linear scale. The vertical axis lists country names via a band scale. Data is loaded as CSV and formatted with d3’s `format` for tick labels (converting billions). The visualization uses React with d3.v5, rendering as SVG with custom `AxisBottom`, `AxisLeft`, and `Marks` components. Each bar includes a tooltip showing the formatted population value.

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