Skip to main content
SimilarExport ZIP
100%

Activity_6(11754343)_Task_1

✓ Published0🌍 Public
HHari Prasanth Penugonda
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from ACTIVITY6_T1_Q2

This bar chart displays the population of 20 countries in 2010, sorted along a vertical band scale with horizontal bars proportional to population values. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` to map country names and population counts to SVG rectangles. Data is loaded asynchronously via D3’s `csv` parser from a GitHub-hosted CSV file, with axis ticks and labels rendered by custom React components. Hovering over a bar reveals its exact population via the SVG `title` element.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 Task1

This bar chart displays the population of 20 countries in 2020, sorted by country name on the y-axis with horizontal bars extending to represent population values. The visualization uses React with D3 v5’s `scaleBand` and `scaleLinear` to map data, rendering SVG rectangles via custom React components. The data is loaded from a CSV file using D3’s `csv` method, formatted with `format` to abbreviate large numbers, and includes axis labels and tooltips showing the population value.

Hharipriyaa07
96% match
Loading thumbnail…

Activity 6

This bar chart displays the population of 20 countries for the year 2010, sorted by country name along the y-axis. The visualization uses React with D3 v5 scales, rendering an SVG with colored horizontal bars. D3’s `scaleBand` and `scaleLinear` map country names and population values, while the tick format converts values to billions. Data is loaded from a remote CSV via D3’s `csv` method, and interactive tooltips appear on each bar using SVG `<title>` elements.

Bbhargavipagolu2025@gmail.com
95% match
Loading thumbnail…

Activity_6(11754343)_Task_1

This is a horizontal bar chart that displays the 2020 population estimates for 30 countries, sorted by country name. The bars are rendered as green SVG rectangles, with the x-axis representing population values in billions and the y-axis listing country names. Built with React and D3 v5, the chart uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and custom React components for the axes and marks. Population data is loaded from a CSV file via `d3.csv` and formatted using `d3.format`.

HHari Prasanth Penugonda
95% match
Loading thumbnail…

Activity_6_task_1

This bar chart displays the population of 30 countries in 2020, sorted by country name along the y-axis. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded from a CSV file via D3's `csv` function, with population values formatted using `d3.format` to abbreviate large numbers. The SVG rendering includes custom axes, tooltips via `<title>` elements, and a green fill for each bar.

HHarinathChakali33@gmail.com
95% match
Loading thumbnail…

activity6_Task1

This bar chart displays the population of 20 countries in 2010, with countries on the y-axis and population values on the x-axis. The visualization uses React to render SVG elements, with D3 v5 providing scales, margins, and tick formatting via `scaleBand`, `scaleLinear`, and `format`. Data is loaded as CSV from a GitHub repository and converted to numeric population values. Axes and marks are built as React components, with bars colored green and a hover tooltip showing the formatted population value.

Sshivasaiamaravadi@gmail.com
95% match
Loading thumbnail…

Activity6_task1

This horizontal bar chart displays the populations of 20 countries in 2010, sorted by country name along the y-axis. Each bar’s length encodes population value, with a formatted tick label converting SI units (e.g., "B" for billions) for readability. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the continuous x-axis, and renders SVG rectangles via the `Marks` component. Data is loaded asynchronously from a CSV file using `d3.csv`, then sliced to the first 20 rows.

Ggsdontineni518@gmail.com
95% match
Loading thumbnail…

Activity 6_Task 1

This bar chart displays the population of 20 countries in 2010, with countries listed on the y-axis and population values on the x-axis. The visualization uses React with D3 v5’s scaleBand for the categorical y-axis, scaleLinear for the numeric x-axis, and SVG rectangles for the bars. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, and tooltips appear on hover through native SVG title elements.

Aaschowdary.shashi@gmail.com
94% match
Loading thumbnail…

Activity6_task1

A horizontal bar chart displays the population of 20 countries from the year 2010, sorted by country name on the y-axis and population on the x-axis. Each bar includes a tooltip showing the formatted population value. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` for axes, with SVG `rect` elements for marks. Data is loaded via `d3.csv` from a remote GitHub gist, with population values converted to numbers and formatted using `d3.format`.

Mmasters200128@gmail.com
94% match