Skip to main content
SimilarExport ZIP
100%

Activity6_Task1

✓ Published0🌍 Public
Ggnitishreddy0245@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Activity6_Task1

This horizontal bar chart displays the population of 30 countries in 2020, ordered alphabetically from top to bottom. Each green bar’s length represents population, with a tooltip showing the exact value on hover. The visualization uses React with D3 v5’s `scaleBand` and `scaleLinear` for positioning, while `csv` loads data from a GitHub-hosted CSV file. SVG rendering includes custom `AxisBottom` and `AxisLeft` components to draw axes with labeled ticks.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity8_Task1

A horizontal bar chart displays the 2020 populations of 30 countries, sorted alphabetically by country name, with green bars extending from a blue left axis. The visualization uses React to render SVG elements, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis, formatted using d3.format. Population data is loaded from a CSV file via d3.csv, and hover tooltips reveal exact values through SVG title elements.

Vvishnupriyapalagiri@gmail.com
95% match
Loading thumbnail…

Activity6-Task1

This horizontal bar chart displays the populations of 30 countries for the year 2020, sorted by country name. The visualization uses React with D3 v5’s `scaleBand` and `scaleLinear` to map countries to vertical bands and population values to bar widths, rendered as SVG rectangles. Data is loaded from a remote CSV using `d3.csv`, and tooltips show formatted population values via a `d3.format` si-prefix. The axes are drawn with D3 ticks, with custom bottom and left axis components.

Mmeenam1106@gmail.com
95% match
Loading thumbnail…

activity 6_Task 1

This horizontal bar chart displays the 2020 populations of 30 countries, using light-green bars sorted by country name. The visualization is built with React and SVG, and leverages D3.js scale functions (`scaleLinear` and `scaleBand`) to map population values and country categories to pixel coordinates. The data is loaded from a remote CSV using D3's `csv` method, with axes rendered by custom `AxisBottom` and `AxisLeft` components.

SSrihith Reddy Gaddam
95% match
Loading thumbnail…

Activity6_Task1

This horizontal bar chart displays the 2020 population of 30 countries, sorted from largest to smallest on the y-axis. The visualization uses React with D3 v5 scales, where `scaleBand` positions the country bars and `scaleLinear` maps population values to bar widths. The SVG rendering includes custom `AxisBottom` and `AxisLeft` components that format tick labels, and each bar contains a native HTML `<title>` tooltip showing the exact population value. Data is loaded from an external CSV file using D3's `csv` function.

JJhansi Balla
95% match
Loading thumbnail…

Activity-6_Task 1

This horizontal bar chart displays the 2020 populations of 30 countries, ordered from largest at the top to smallest at the bottom. Each bar’s length represents population in billions, with a labeled x-axis and country names on the y-axis. The visualization loads CSV data via d3.csv, scales it using d3.scaleBand and d3.scaleLinear, and renders SVG rectangles through React components. D3’s format function abbreviates large numbers, while the code also defines reusable AxisBottom, AxisLeft, and Marks components.

Tthoutunikhitha@gmail.com
95% match
Loading thumbnail…

Activity6_Task1

A horizontal bar chart displays the populations of 30 countries in 2020, sorted by country name with colored green bars. Built with React and D3 v5, it uses `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with SVG rectangles rendered via the `Marks` component. Population values are loaded from a remote CSV file using `d3.csv`, converted to numbers, and formatted with `d3.format` to abbreviate large numbers (e.g., "1.5B"). Axis labels and ticks are generated by custom `AxisBottom` and `AxisLeft` components, and hovering reveals exact values via SVG `<title>` tooltips.

Hharsha13638@gmail.com
94% match
Loading thumbnail…

activity 6_Task 1

This bar chart displays the population of 30 countries for the year 2020, ranked along the vertical axis. The chart uses a green horizontal bar for each country, with a tooltip showing the precise population value on hover. It loads data from a CSV file via D3's `csv` function, and constructs a band scale and linear scale for the axes. The React components render SVG elements for the axes and marks, while D3's `format` function converts large numbers into abbreviated strings.

Kkaringusathwika@gmail.com
94% match
Loading thumbnail…

Activity6_Task 1

A horizontal bar chart displays the 2020 populations of 30 countries, ranked with the most populous at the top. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Population values are parsed from a remote CSV file via `d3.csv` and formatted using `d3.format` to show values in billions. SVG rectangles with tooltips, styled in light green, represent each country's population.

Kkrishnavisheshkatta@my.unt.edu
94% match