Activity-6 Task 1

100%

Activity-6 Task 1

✓ Published0🌍 Public

Last edited Apr 5, 2025

Created on Apr 5, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

NNithish Karanam

95% match

Loading thumbnail…

Activity 6

This bar chart displays the populations of the top 30 countries in 2020, sorted in descending order. The chart uses d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, with data loaded via d3.csv from a GitHub-hosted CSV file. SVG rectangles represent the bars, and d3.axisBottom and d3.axisLeft render the ticks. The code formats population values using d3.format, and tooltips show the exact population on hover.

NNithish Karanam

94% match

Loading thumbnail…

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

93% match

Loading thumbnail…

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

93% match

Loading thumbnail…

Activity6_Task-1

This horizontal bar chart displays the population figures for the top 30 countries in 2020, using the d3.scaleBand and d3.scaleLinear APIs to map country names and population values. The graphic presents light green rectangles for each country, with axes labeled "Countries" and "POPULATION-2020," and the population values are formatted in billions or millions using d3.format. The chart is rendered as an SVG using D3 v7, pulling data from a CSV file hosted on GitHub, and the population values are extracted specifically from the '2020' column for each row.

Hhoneyravuri.711@gmail.com

92% match

Loading thumbnail…

Activity 6 task 1

This horizontal bar chart ranks the 30 most populous countries in 2020, using population size along the x-axis and country names along the y-axis. The visualization loads CSV data from a GitHub repository via `d3.csv`, processes it with a custom row function, and sorts the entries in descending order. The chart is rendered as an SVG using `d3.select`, `scaleLinear`, and `scaleBand`, with axes generated through `axisBottom` and `axisLeft`. Bars are drawn with `selection.join('rect')` and are styled with a light green fill, while tick labels use a custom si-format prefix converter that replaces 'G' with 'B' for billions.

NNithish Karanam

92% match

Loading thumbnail…

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

Sshreshikaveerannagari@gmail.com

92% match

Loading thumbnail…

Activity6_Task1

This horizontal bar chart displays the population of the top 30 countries in 2020, using a linear scale for population values and a band scale for country names. Each bar is rendered as an SVG rectangle with a lightgreen fill, while the axes include formatted tick labels that abbreviate millions as "M" and billions as "B". The visualization loads data from a remote CSV file using `d3.csv`, and constructs the chart with `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, and `d3.axisLeft` within a 900x500 SVG canvas.

MMeghana Sadhu

92% match