Skip to main content
SimilarExport ZIP
100%

Activity-6 Task1

✓ Published1🌍 Public
Kkrishi7079@gmail.com
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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
94% match
Loading thumbnail…

Activity 6_Task 1

This horizontal bar chart displays the 2020 population estimates for the top 30 countries, using a linear scale for population values and a band scale for country names. The visualization renders light green bars via SVG rectangles, with axes labeled "POPULATION-2020" and "Countries." It loads data from a CSV file using d3.csv, formats axis tick labels with d3.format to abbreviate values like millions and billions, and builds the chart using modular functions for axes and marks in d3.v7.

AAnushaHyderaboeni@my.unt.edu
93% match
Loading thumbnail…

activity6_Task1.2

This bar chart displays the population figures for the top 20 countries in 2020, presented in descending order along a horizontal axis. Each country is represented by a light green rectangle, with the population values read from a CSV dataset hosted on GitHub. The visualization is built using D3.js v7, leveraging `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. The axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with custom tick formatting that abbreviates large numbers using suffixes like "B" for billions.

Ssaikarthiknimmagadda@gmail.com
93% match
Loading thumbnail…

Activity 6_Task 1

This horizontal bar chart displays the populations of the top 30 countries in the year 2000, sorted by country name. The visualization uses D3.js version 7 to create an SVG bar chart with light green bars, a linear x-scale for population values, and a band y-scale for country names. The code imports data from a CSV file using d3.csv and constructs the chart with modular components for axes and marks. Axis labels are formatted using d3.format to display population values in billions.

MManojsai Bangaru
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
93% match
Loading thumbnail…

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.

NNithish Karanam
93% match
Loading thumbnail…

ACTIVITY_6_TASK1

This bar chart displays the 2020 population estimates for the top 30 countries, using a horizontal layout where bar length encodes population values. The visualization is rendered as SVG with D3 v7, using `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis categories. Data is loaded from a CSV file via `d3.csv`, with the axis labels formatted to abbreviate large numbers (e.g., "1.2B"). The chart applies a light green fill to bars and includes labeled axes for population and country names.

Ssravani1969@gmail.com
92% match
Loading thumbnail…

ACTIVITY_6_TASK1

This bar chart displays the 2020 population estimates for the top 30 countries, using a horizontal layout where bar length encodes population values. The visualization is rendered as SVG with D3 v7, using `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis categories. Data is loaded from a CSV file via `d3.csv`, with the axis labels formatted to abbreviate large numbers (e.g., "1.2B"). The chart applies a light green fill to bars and includes labeled axes for population and country names.

Ssravani1969@gmail.com
92% match