Skip to main content
SimilarExport ZIP
100%

Activity 6_tutorial1

✓ Published0🌍 Public
Ssairohithchada@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Hello VizHub

This horizontal bar chart displays the 2020 population estimates for the top 30 countries, with countries listed along the y-axis and population values mapped to bar length on the x-axis. The visualization uses a linear scale for population and a band scale for country categories, rendering light green bars as SVG rectangles via the `d3.scaleLinear` and `d3.scaleBand` APIs. The bottom axis includes a custom tick format that converts millions to billions (e.g., "1.2B"), and both axes are labeled. Data is loaded asynchronously from a CSV file using `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6_Tutorial_1

A horizontal bar chart displays population figures for the top 30 countries in 2020, sourced from a CSV hosted on GitHub. The chart encodes population on a linear x-axis and country names on a categorical y-axis using colored bars. The visualization is built with D3 v7, using `d3.scaleLinear`, `d3.scaleBand`, and SVG rendering. Axis labels are added manually; the x-axis uses a custom tick format to display large numbers in billions. The rendering pipeline fetches data via `d3.csv`, selects the top 30 rows, and draws the marks with `Marks.js`.

Llokasaivenkatatammineedi@my.unt.edu
91% 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
91% match
Loading thumbnail…

Activity6_Tutorial1

A horizontal bar chart displays the 2020 population estimates for the top 30 countries, ranked by country name along the y-axis and population along the x-axis. Built with React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` for axes, with SVG `rect` marks fetching data from a CSV file. A tooltip shows the formatted population value on hover.

Ddandudivya98@gmail.com
91% 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
91% 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
91% 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
90% match