Skip to main content
SimilarExport ZIP
100%

Activity 6 tutoral 1

✓ Published0🌍 Public
VVarshithMurakonda@my.unt.edu
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

This visualization presents a horizontal bar chart ranking 28 countries by their 2020 population, sorted in descending order from China to Colombia. The chart displays population values on the x-axis in millions, with country names on the y-axis. Built with D3 v7, the code uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `axisBottom`/`axisLeft` for rendering tick marks. Sample population data is embedded directly in the JavaScript, with SVG rectangles representing each bar and light green styling applied via CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6_tutorial1

This horizontal bar chart displays the top 30 countries by population in 2020, using a lightgreen fill for each bar. The chart sorts countries along the y-axis with population values on the x-axis, formatted with a custom tick formatter that converts values to billions. Built with D3 v7 and SVG, the visualization leverages `d3.scaleLinear` and `d3.scaleBand` for positioning, while `d3.axisBottom` and `d3.axisLeft` render the axes. Data is loaded asynchronously from a CSV file via `d3.csv`, with the population column parsed as a number.

Sshreshikaveerannagari@gmail.com
87% 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
86% match
Loading thumbnail…

Activity - 6_Task - 1

This horizontal bar chart displays the 30 most populous countries in 2020, using a diverging layout where bars extend rightward from a shared origin. The visualization sorts nations by population in descending order, with China and India leading at over 1.3 billion residents each. The chart uses D3 v7's `scaleLinear` for the population axis and `scaleBand` for categorical country labels, with bars rendered as SVG rectangles. Population values are loaded from a remote CSV file using `d3.csv` and formatted with the `d3.format` si-prefix, converting G to B for billions. Axes are styled by removing domains and adjusting tick marks, with light gray gridlines extending across the plot area.

Mmalisettisaisumanth@gmail.com
86% match
Loading thumbnail…

Activity6_Q1.2

This D3.js v7 bar chart visualizes the population of 20 countries for the year 2000, sorted along a linear x-axis scale. Each country is represented by a light green rectangle, with its length proportional to population, using `d3.scaleLinear` and `d3.scaleBand` for positioning. The chart renders as an SVG, with axes annotated via `d3.axisBottom` and `d3.axisLeft`, including tick labels formatted to show millions and billions. Population data is fetched asynchronously from a CSV file using `d3.csv`.

Ddabbararakshitha@gmail.com
86% match
Loading thumbnail…

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.

Vvenkatdinesh5010@gmail.com
86% match
Loading thumbnail…

Activity6_Tutorial1

This example shows a horizontal bar chart of the top 30 countries by 2020 population, ranked from largest to smallest. The bars are rendered as SVG rectangles colored light green, with a linear x-axis scaled to the population values and a banded y-axis listing country names. The chart uses D3 version 7, specifically `d3.axisBottom` and `d3.axisLeft` for axes, `d3.scaleLinear` and `d3.scaleBand` for scaling, and loads data from a CSV file using `d3.csv`.

SSurya Tejas Reddy Nimma
86% match
Loading thumbnail…

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.

Hhoneyravuri.711@gmail.com
85% 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
85% match