Activity_6_Question1.2

HHarshathBudida@my.unt.edu

Activity-6_Question-1.2

This example displays a horizontal bar chart of population data for 20 countries in 2010, with country names on the y-axis and population values on the x-axis. The visualization is rendered as SVG within a React application, using D3 scaleBand and scaleLinear to map data to positions, and custom React components (AxisBottom, AxisLeft, Marks) to draw axes and bars. Data is loaded asynchronously via the d3.csv function from a GitHub-hosted CSV file, with population values formatted using the d3 format function and converted to billions for tick labels.

Vvarshithainaganti@gmail.com

Activity_6_Question_1.2

This example displays a horizontal bar chart of population figures for 20 countries in 2010, with countries on the y-axis and population on the x-axis. The code uses React with SVG rendering and D3 v5 APIs including `scaleBand`, `scaleLinear`, and `csv` to load and format the data from a GitHub-hosted CSV file. Blue tick marks and green bars are styled via CSS, while native SVG `<title>` elements provide tooltips. The chart includes rotated country-name labels and formatted population ticks using D3’s `format` specifier.

Llikhitha.sarahah01@gmail.com

Activity6_Question1.2

This example displays a horizontal bar chart of population data for 20 countries in 2010, with each bar’s length proportional to the country’s population. The visualization uses React components to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` handling the y- and x-axis mappings, respectively. Data is loaded via D3’s `csv` method from a GitHub-hosted dataset, and the bars include a native SVG `<title>` element for tooltips. The axes are customized with pink tick lines and a formatted tick label that converts values into billions (e.g., using `format('.2s')`).

Ppenujulilikhil01020@gmail.com

Activity 6_Question 1.2

This example displays a horizontal bar chart of population data for 20 countries in 2010, using React with SVG rendering. The visualization imports D3 v5 modules for data loading and scales: `scaleBand` positions country categories along the y-axis, while `scaleLinear` maps population values to bar widths on the x-axis. CSV data is fetched from a GitHub-hosted dataset and formatted using D3’s `format` function. Axes are custom React components, and each bar includes a native SVG `<title>` element for tooltip support. The styling uses CSS classes for marks and ticks.

HHarsha vardhan reddy Yarmareddy

Activity_6_Question1.1

This example shows a horizontal bar chart comparing the population of ten countries in the year 2000, using a dataset loaded from a GitHub-hosted CSV file. The visualization uses React components to render SVG elements, with D3 v5 scales (`scaleBand` and `scaleLinear`) handling the positioning and sizing of the bars. Axis components generate tick marks and labels, while circular tooltips appear on hover via SVG `<title>` elements. The chart formats population values with D3's `format('.2s')` to display numbers in billions.

Activity6_Question1.2

A horizontal bar chart displays the 2010 population of twenty countries, ordered by country name, using green bars on an SVG canvas. The chart is built with React and D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Axis components are modular ES6 files, with bottom ticks formatted using `format`. Data is loaded asynchronously via `csv` from a GitHub-hosted dataset, and interactive tooltips show population values on hover.

Ddandudivya98@gmail.com

Activity6_Question 1.2

This example displays a horizontal bar chart of the top 20 countries by population in 2010, with bars colored light green and axes rendered as SVG elements. It loads population data from a GitHub-hosted CSV file using `d3.csv`, and builds the visualization with `scaleBand` and `scaleLinear` for scales. The React-based code demonstrates modular components for the bottom and left axes, as well as marks, while using `d3.format` to abbreviate large population values (e.g., converting gigabytes to billions) in the tooltip and tick labels.

MMounishAllam@my.unt.edu

Activity6_Question 1

This example shows a horizontal bar chart comparing the 2010 populations of 20 countries, with each bar labeled by country name. The visualization uses React to render SVG elements, while D3 v5 provides the `scaleBand` and `scaleLinear` functions for positioning bars, and the `format` function to abbreviate large population values. Data is loaded from a CSV file using D3’s `csv` method, and hover tooltips display the formatted population value for each bar.

JJaiyaGhanta@my.unt.edu