Activity6_Q1.1

Activity6_Q1.1

A horizontal bar chart displays the population of ten countries in the year 2000, with bars extending from left to right and ordered by country name. The visualization uses React with D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Data is loaded from a CSV file using D3's `csv` function. Each bar includes a native SVG `<title>` tooltip showing the formatted population value, and the x-axis tick labels convert SI units from 'G' to 'B' using D3's `format`.

JJhansi Balla

Sswapnadabburi@my.unt.edu

Activity-6-q1.1

This bar chart displays the population of ten countries in the year 2000, using horizontal bars ordered by country name. The visualization is built with React and D3 v5, employing `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. Data is loaded from a CSV file via `d3.csv`, with population values parsed as numbers. SVG rectangles render the bars, while custom `AxisBottom` and `AxisLeft` components create the axes, and text labels are formatted using `d3.format`.

Activity6_Question1.1

This bar chart displays the population of ten countries for the year 2000, sorted with a horizontal layout. Built with the React framework and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering SVG rectangles via the `Marks.js` component. Data is loaded asynchronously from a CSV file using D3's `csv` function, with tick formatting converting values to a compact "B" (billions) notation.

Aalapati98@gmail.com

activity6_q1

This bar chart displays the population of ten countries in the year 2000, with country names on the y-axis and population on the x-axis. The chart uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for scales, and `max` to determine the domain. Data is loaded asynchronously from a CSV file via D3’s `csv` function and formatted with `format` using SI notation (e.g., “B” for billions). Axes are custom components (`AxisBottom`, `AxisLeft`) and rectangles include a native SVG `<title>` tooltip.

YYeruva Snehith Reddy

Ssrilekhasridasyam@my.unt.edu

Activity6_q1_1

A horizontal bar chart displays population figures for ten countries in the year 2000, sorted by country name on the y-axis. The chart uses D3 v5’s `scaleBand` for the categorical axis and `scaleLinear` for the numeric axis, with React components rendering SVG `<rect>` marks. Data is loaded from a CSV file via `d3.csv` and formatted with `d3.format` to abbreviate large numbers (e.g., “1.2B”). Axis ticks and bar tooltips are built from custom React components, while the styling applies a green fill and blue tick lines.

Ggreeshmareddy135@gmail.com

Activity6_Question1.1

This bar chart displays the population of ten countries in the year 2000, with bar lengths proportional to population values and country names listed along the vertical axis. The visualization uses React components with D3 v5’s `scaleBand` and `scaleLinear` for positioning, `csv` for data loading from a GitHub-hosted CSV, and `format` for abbreviating tick labels (e.g., replacing “G” with “B”). SVG rectangles render the bars, and each bar includes a native `<title>` tooltip showing the formatted population value. The axes are drawn with custom components, and the chart is framed by margins with a labeled x-axis.

UUthkarsh Reddy Junuthula

Activity 8_Q1.1

This bar chart displays the population of ten countries in the year 2000, with horizontal bars sorted by country name. The visualization uses React to render SVG elements, while D3 v5 handles data loading via `csv()` and scales through `scaleBand` and `scaleLinear`. Custom React components define the axes and marks, with data sourced from a GitHub-hosted CSV file.

CChandra Prakash Reddy Kalwakolu

Activity6_Question1

This bar chart visualizes the population of ten countries in the year 2000, ordered along a categorical y-axis. The visualization uses React and D3 v5 to render an SVG, with `d3.scaleBand` and `d3.scaleLinear` mapping country names to horizontal bar lengths. Data is loaded from a remote CSV file via `d3.csv`, with population values converted from thousands. Axis ticks and bar tooltips are formatted using `d3.format`, and the chart includes styled axis lines and labels.