Activity6_Q1_part1

Kkrishna444battula@gmail.com

Activity_6 Q-1

This bar chart displays the top 10 most populous countries in 2000, using data from the United Nations World Population Prospects 2019. Horizontal bars use vibrant orange against a light background, with population values shown along the x-axis in billions. The visualization is built with React and D3 v5, employing `scaleBand` for the categorical country axis and `scaleLinear` for the numeric population scale. SVG rectangles render the marks, with axes generated through custom `AxisBottom` and `AxisLeft` components using D3's `format` for tick labels.

AAnirudhaKulakarniKaranam@my.unt.edu

Activity6_Q1_Part2

This bar chart displays the top 20 most populous countries in 2010, ranked from largest to smallest along a vertical axis. The visualization uses React to render SVG elements, with D3 scale functions (`scaleBand`, `scaleLinear`) and axis components (`AxisBottom`, `AxisLeft`) to position the marks. Population values are parsed from a CSV file using D3’s `csv` loader, formatted with `d3.format` to abbreviate large numbers (e.g., “1.5B”), and each bar includes a tooltip via an SVG `<title>` element.

Ssaibharath7thota@gmail.com

Activity6 Q1.1

This bar chart displays the population of the top 10 countries in the year 2000, using a horizontal layout with country names on the y-axis and population values on the x-axis. The visualization is built with React and D3 v5, using `scaleBand` for the categorical axis, `scaleLinear` for the numeric scale, and custom `AxisBottom` and `AxisLeft` components for ticks. Data is loaded via `d3.csv` from a remote GitHub URL, with population values formatted using D3's `format` function. SVG rectangles represent each country's population, with tooltips showing exact formatted values on hover.

Aanushapodapati99@gmail.com

Activity6_population

This chart displays the top 10 countries by population in the year 2000, using a horizontal bar chart where bar length corresponds to population. The visualization is built with React and D3 v5, rendering SVG elements. The data is loaded from a remote CSV file using D3’s `csv` function. Axes are generated with `scaleBand` and `scaleLinear`, while the bars themselves are created as SVG `<rect>` elements with tooltips showing the population value using D3’s `format` function.

Bbhavyamoturi2509@gmail.com

activity6_q1.1

This visualization is a horizontal bar chart displaying the population of the top 10 countries in the year 2000, sourced from a CSV file. The chart uses a linear scale for the population values and a band scale for the country categories, with green bars and blue tick marks. The React-based code leverages D3 version 5 modules like `scaleBand`, `scaleLinear`, and `format` to compute scales and tick formatting, rendering the chart as SVG elements.

Kkeerthana11.mcs@gmail.com

Activity 6_Q1.1

This horizontal bar chart displays the population of the top 10 countries in the year 2000, ordered alphabetically by country name. The visualization uses React and D3 v5, with `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. Data is loaded asynchronously from a remote CSV file via `d3.csv`, and bars are rendered as SVG rectangles with tooltips showing formatted population values using `d3.format`.

Activity-6-q1.1

A horizontal bar chart shows the population of the top ten countries in the year 2000, with bars ordered by country name and green rectangles sized by population. The chart uses React components for rendering SVG elements, with d3.scaleBand and d3.scaleLinear for positioning, and d3.format for abbreviating tick labels. Data is loaded asynchronously from a CSV file via d3.csv, which also multiplies the population values by 1000 to reflect actual counts.

Bbhargavr016@gmail.com

Ssriyaalugupalli@my.unt.edu

Activity-6_Q1.1

This visualization displays a horizontal bar chart comparing population figures for the top 10 countries in the year 2000, with country names on the y-axis and population values on the x-axis using a band scale and linear scale. The chart is built with React and D3 v5, loading data from a remote CSV via d3.csv, and renders SVG elements including axes and rectangular marks. Hovering over a bar reveals a tooltip with the formatted population value, using d3.format to abbreviate large numbers.