Skip to main content
SimilarExport ZIP
100%

Activity_6_Pavan Bellam

✓ Published0🌍 Public
Ppavanbellam@my.unt.edu
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from Hello VizHub

This bar chart displays the 2000 population figures for ten countries, including the USA, China, and India. It uses a horizontal layout with a linear scale for population values and a band scale for country names, rendered as SVG rectangles. The visualization is built with D3 v5, employing `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft` for axes. The data is embedded directly in the script, and the chart includes labeled axes for population and country, with a clean, styled container.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Pavan_Ques_2

A horizontal bar chart displays the top 10 most populous countries in the year 2000, with each bar’s length proportional to its population value. The visualization loads CSV data from a GitHub gist via `d3.csv`, then uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. Rectangles are rendered in SVG with a teal fill, while `d3.axisLeft` and `d3.axisBottom` generate the axes, and tick labels are formatted using `d3.format('.2s')`.

Ppavanbellam@my.unt.edu
89% match
Loading thumbnail…

Activity_6_Task_1_Q1.1

A horizontal bar chart displays the population of the top 10 countries in the year 2000, using a linear scale for population values and a band scale for country names. The visualization is built with React and D3 v5, rendering SVG elements through reusable components for axes and marks. Data is loaded from a remote CSV file using D3’s `csv` function and formatted with the `format` utility. Each bar includes a tooltip showing the population value via a native SVG `<title>` element.

AAP19110020041-Pavan Kumar
86% match
Loading thumbnail…

Activity6 Q1

This visualization displays the population of 10 countries in the year 2000 as a bar chart using D3 v7. The chart loads CSV data from a GitHub repository, filters for the year 2000, and takes the first 10 records. It uses d3.scaleBand for the categorical x-axis, d3.scaleLinear for the population y-axis, and renders steelblue bars in an SVG container. The code includes rotated x-axis labels and axis titles for Country and Population.

Kkamalini.ponnuru11@gmail.com
85% match
Loading thumbnail…

Fork of Activity6 Task_1

This bar chart displays the population of 20 countries in the year 2000, with countries listed on the y-axis and population values on the x-axis. The visualization uses `d3.scaleLinear` and `d3.scaleBand` to map data to SVG rectangles, while `d3.axisBottom` and `d3.axisLeft` generate the labeled axes. Population data is loaded from a remote CSV file via `d3.csv`, formatted with compact notation (e.g., "1.2B"), and rendered as light green bars using the SVG `rect` element.

Bbhavya.kanyadara@gmail.com
85% match
Loading thumbnail…

Activity6

A horizontal bar chart displays the population of ten countries in the year 2000, with bars extending from left to right and a blue bottom axis showing values formatted in billions. The visualization is rendered as SVG within a React application, using D3.js modules `scaleBand` and `scaleLinear` for the coordinates and `format` for axis labels. Data is loaded from a CSV file via the `d3.csv` loader, which derives the population value from the raw 2000 column.

Aanjalimadhavi98@gmail.com
84% match
Loading thumbnail…

Activity6_q1

This horizontal bar chart displays the population of ten countries in the year 2000, sorted along a linear scale. Built with D3 v7, it uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and an SVG `<rect>` for each bar. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, with data loaded from a local CSV via `d3.csv`.

Vvidyagangasani@my.unt.edu
84% match
Loading thumbnail…

pavan act-7

This bar chart displays the 2020 population estimates for 30 countries, with a green horizontal bar for each nation ordered along a categorical y-axis. The chart uses a linear x-scale to encode population values, formatted with D3's `format('.2s')` to show billions with a "B" suffix. It is rendered as SVG in React 16, using `d3.csv` asynchronously loaded from a GitHub-hosted dataset, while `d3.scaleBand`, `d3.scaleLinear`, and `d3.max` calculate scales from the data.

Kkotipallipavan54@gmail.com
84% match
Loading thumbnail…

Activity6 Task_1

This horizontal bar chart displays the population of 20 countries in the year 2000, ranked from largest at the top to smallest at the bottom. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population values. The code builds the chart modularly through separate components: `Marks.js` draws light green rectangles, while `AxisBottom.js` and `AxisLeft.js` generate the axes with custom tick formatting that converts millions to "B" notation. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csv`.

Bbhavya.kanyadara@gmail.com
84% match