Skip to main content
SimilarExport ZIP
100%

Fork of Activity6Task1T1

✓ Published0🌍 Public
Mmaheshsachin1234@gmail.com
Last edited Mar 28, 2025
Created on Mar 28, 2025
Forked from Hello VizHub

This horizontal bar chart displays the top 30 countries by population in 2020, with each bar’s length encoded by population value and colored by a pastel ordinal scale. Built with D3 v7, the visualization uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the quantitative x-axis, and `d3.axisBottom`/`d3.axisLeft` to generate tick marks. Data loads asynchronously via `d3.csv` from a GitHub Gist, and bars are drawn as SVG rectangles with opacity, while axis labels and tick styling are applied through CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity 6_Task 1

This bar chart displays the 2020 population for the top 30 countries, sorted along a horizontal axis with population values and a vertical axis listing country names. The visualization uses D3 v7 to load CSV data, create a linear x-scale and band y-scale, and render light-green SVG rectangles. Axis components are built with `d3.axisBottom` and `d3.axisLeft`, with tick formatting that converts values to a concise billion/million notation (e.g., "1.2B"). The chart is generated entirely in SVG, with margins and scaling calculated in JavaScript.

Nnavyabade05@gmail.com
93% match
Loading thumbnail…

Fork of ACTIVITY_6_TASK1

This horizontal bar chart shows the 2020 population of the top 30 countries, with bars sorted by country name and scaled linearly by population. The visualization uses the D3 v7 library to render SVG elements, with `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis. Population values are formatted with `d3.format` to display in billions or millions, and the data is loaded asynchronously from a CSV file using `d3.csv`. Rectangles are appended to the chart with a light green fill, while axis labels are positioned using SVG transforms.

Ssravani1969@gmail.com
92% match
Loading thumbnail…

Fork of ACTIVITY_6_TASK1

This horizontal bar chart shows the 2020 population of the top 30 countries, with bars sorted by country name and scaled linearly by population. The visualization uses the D3 v7 library to render SVG elements, with `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis. Population values are formatted with `d3.format` to display in billions or millions, and the data is loaded asynchronously from a CSV file using `d3.csv`. Rectangles are appended to the chart with a light green fill, while axis labels are positioned using SVG transforms.

Ssravani1969@gmail.com
92% match
Loading thumbnail…

Fork of Activity6T1Tutorial

This horizontal bar chart displays the populations of the top 30 countries in 2020, using a lightgreen-to-orange hover effect to highlight individual bars. The visualization loads data from a CSV file via `d3.csv()` and maps the `Population-2020` column to a linear X-axis, while country names are plotted on a band-scaled Y-axis. The chart includes labeled axes and is rendered as SVG, with styling applied through CSS classes and D3's axis generation methods.

Mmaheshsachin1234@gmail.com
92% match
Loading thumbnail…

Fork of Fork of ACTIVITY_6_TASK1

This horizontal bar chart displays the population of the top 30 countries in 2020, with each country represented by a lightgreen bar scaled against a linear population axis. The visualization uses d3.v7 with SVG rendering, employing d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis. The code loads CSV data from a GitHub repository, formats population values with d3.format to show abbreviations like "200B", and applies margins and axis labels for clarity. Both axes include custom tick formatting and rotated text labels.

Ssravani1969@gmail.com
92% match
Loading thumbnail…

Fork of Fork of Activity 6_Task 1

This bar chart displays the populations of the top 30 countries in the year 2020, sourced from the included Activity6_Population.csv dataset. Each bar is rendered using SVG rectangles, with the country’s population value labeled directly at the end of each bar. The visualization is built with D3 v7, utilizing the `d3.scaleLinear` and `d3.scaleBand` scales to map data, while axes are created via `d3.axisBottom` and `d3.axisLeft`. The chart is presented with a clean layout, using a steelblue fill for the bars against a white background.

AAbhinavReddyKaripireddy@my.unt.edu
91% match
Loading thumbnail…

Fork of Activity 6_Task 1

This horizontal bar chart displays the population of 30 countries in 2020, using green bars sorted by country name on the y-axis and population on the x-axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. The `format` function from D3 converts tick labels to abbreviated form (e.g., "1.2B"). Data is loaded asynchronously from a CSV file hosted on GitHub using D3's `csv` function, with bars rendered as SVG rectangles and tooltips showing the precise value.

Aanusha.chilkamarri26@gmail.com
91% 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
91% match