Activity6-Question1.1

Aaadesh.pranesh@gmail.com

Activity6-1 Q1.1

A horizontal bar chart displays the population of ten countries in the year 2000, with each bar’s length encoded by a linear scale and countries ordered along a band scale. Built with React and D3 v5, the visualization uses `scaleLinear` and `scaleBand` to position bars and axes, while SVG `<rect>` elements render the marks. Data is loaded from a remote CSV file, and tick labels are formatted using D3’s `format` API to abbreviate large numbers.

Ssindhureddykandada@gmail.com

Activity 1_question 1.1

This bar chart displays the population of ten countries in the year 2000, using a horizontal layout where bar length encodes population and bar position encodes country name. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, rendering SVG rectangles via the custom `Marks` component. Axis components generate tick lines and labels, with tick text styled blue and marks filled light green. Data is loaded asynchronously from a CSV file using D3's `csv` function, and the x-axis labels are formatted using D3's `format` function to abbreviate large numbers with 'B' for billions.

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.

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

Gganeshseeram5decem@gmail.com

Activity6Question1

This bar chart displays the population of ten countries in the year 2000, using a horizontal layout with countries on the y-axis and population on the x-axis. Built with React and D3 v5, it loads CSV data from a GitHub repository and renders SVG rectangles. The code imports specific D3 functions like `scaleBand`, `scaleLinear`, `max`, and `format` (with a custom tick formatter that replaces 'G' with 'B' for billions). Axes and marks are implemented as separate React components, and tooltips show population values via SVG `<title>` elements.

Activity_6_question_1.1

A horizontal bar chart displays the populations of ten countries in the year 2000, sourced from a CSV file. The visualization uses React with D3 v5, employing `scaleBand` and `scaleLinear` for positioning. SVG rectangles render the bars, with axes generated through custom `AxisBottom` and `AxisLeft` components. The x-axis labels are formatted using D3's `format` function to abbreviate numbers, and each bar includes a native SVG `<title>` element for tooltips.

11810vineeth@gmail.com

Activity6_Question1.1

A horizontal bar chart displays the populations of ten countries in the year 2000, with countries listed on the y-axis and population values on the x-axis. The visualization uses React to render SVG elements, with D3 v5 providing the `scaleBand`, `scaleLinear`, and `max` functions for chart construction. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, and each bar shows a hover tooltip with the formatted population count. The bottom axis labels use D3's `format` to convert values from billions to abbreviated strings.

Ddandudivya98@gmail.com

PPavanKumarRacharla@my.unt.edu

Activity6_question1.1

A horizontal bar chart displays the population of ten countries for the year 2000, ranked by country, with each bar's length proportional to population. The visualization uses React with D3 v5's `scaleBand` and `scaleLinear` to map countries and population values to SVG coordinates. Data is loaded from a CSV via `d3.csv` and filtered to the first ten rows. Native SVG `<title>` elements provide tooltips, while axes are rendered through custom React components that generate ticks and labels.