Activity 6_Question-2

Ssowmyaammula.sdv@gmail.com

Activity 6_Question1-2

This bar chart visualizes the population of 20 countries in 2010, sorted by country name. Each bar’s length corresponds to population, with hover tooltips showing formatted values in billions. The visualization is built with React and D3 v5, using `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and custom `AxisBottom`, `AxisLeft`, and `Marks` components to render SVG rectangles and tick marks. Data is loaded from a CSV file via `d3.csv`.

Activity6_Question1.2

This horizontal bar chart shows the populations of 20 countries in 2010, sorted by country name. The chart uses React with D3 v5, employing `scaleBand` for the y-axis positioning and `scaleLinear` for the x-axis population values. Data is loaded via `csv` from a GitHub-hosted CSV file, with population values converted from thousands. The visualization renders as SVG, with tick lines styled in blue and bars in green, and includes formatted axis labels using `format('.2s')`.

UUday Vandanapu

Aajaykumarseelam@my.unt.edu

Activity6_Question 1.2

This bar chart displays the 2010 population for 20 countries, ordered by country name on the y-axis and population on the x-axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded via `d3.csv` from a GitHub repository, with SVG rectangles rendered as marks and tooltips formatted using `d3.format`.

Kkeerthana11.mcs@gmail.com

Activity 6_Q1.2

This bar chart displays the population of 20 countries in 2010, with countries listed along the vertical axis and population values extending horizontally. The visualization uses React and D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Population data is loaded via `d3.csv` from a GitHub-hosted CSV and rendered as SVG rectangles. Axis components and marks are built as separate ES6 modules, with tick labels formatted using `d3.format`.

Activity6_Question1.2

This visualization displays the populations of 20 countries in 2010 as horizontal bars, with country names on the y-axis and population values on the x-axis. The bar chart uses React components to render SVG elements, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis. Data is loaded asynchronously from a CSV file using d3.csv, and formatted with d3.format to show values in billions. The bars include native SVG `<title>` tooltips for exact values.

SSai Praveen Lokavarapu

Activity 6_Question 1.2

A horizontal bar chart displays the populations of 20 countries in 2010, with bars sorted by country name along the y-axis and population values on the x-axis. The chart is built with React and D3 v5, using `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and `format` to abbreviate tick labels (e.g., showing "1.2B" instead of 1,200,000,000). Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles with hover tooltips.

Mmsnikhil2608@gmail.com

activity_6_question_1.2

This bar chart displays the populations of 20 countries in 2010, sorted by country name. The visualization uses React with D3 v5, employing `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and SVG `rect` marks for the bars. Data is loaded via `csv` from a GitHub-hosted CSV file, with population values converted from thousands. The chart includes formatted tick labels using `format('.2s')`, replacing 'G' with 'B' for billions, and tooltips generated through SVG `<title>` elements.

JJaswanthkota@my.unt.edu

Aadapasaidivya99@gmail.com

Activity_6_Q_2

A horizontal bar chart displays the 2010 population of 20 countries, with bars ranked by country name on the y-axis and population in billions on the x-axis. The visualization uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for positioning and `csv` from D3 to load the dataset from a GitHub URL. Axis components generate ticks, while rectangle marks include tooltips via SVG `<title>` elements.