Activity6_Q 1.1

Activity6_Q1.1

This bar chart displays the population of ten countries for the year 2000, with country names on the vertical axis and population values on the horizontal axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and renders SVG rectangles via custom React components. The code formats axis tick labels using `format('.2s')` and loads data asynchronously from a CSV file using `csv` from D3.

VVidya Lakshmi Chitturi

Activity6_Ques1(1)

This visualization displays population data from the year 2000 for ten countries as a horizontal bar chart using React and D3 v5. The bars are rendered as SVG rectangles, with the x-axis showing population values formatted in billions and the y-axis listing country names. The code uses D3's `scaleBand` and `scaleLinear` for axis scaling, `csv` for data loading from a GitHub repository, and React hooks to fetch and process the data. Hovering over each bar reveals its exact population value through a tooltip.

Nnithinnc@outlook.com

Kkandooriabhiram@gmail.com

Activity6_Question1

This visualization displays the populations of ten countries in 2010 as a horizontal bar chart, with country names on the y-axis and population values on the x-axis. Using React and D3 v6, the code employs `scaleBand` and `scaleLinear` for positioning, while `csv` loads data from a GitHub-hosted CSV file. SVG rectangles render the bars, with `format('.2s')` converting large numbers into abbreviated labels like "1.2B". The chart includes custom axis components and tooltips via SVG `<title>` elements.

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.

Activity 6_Question-1

A horizontal bar chart displays the population of ten countries in the year 2000, with bars extending from left to right. The visualization uses React to render SVG elements, with D3 v5's `scaleBand` and `scaleLinear` functions mapping country names and population values to the chart's axes. The `csv` function loads the dataset from a remote GitHub Gist, and the axis components are custom React components that call D3's tick generation methods. Population values are formatted using `format('.2s')` and converted from thousands to billions for the axis labels.

Rrajkodavati7@gmail.com

Activity 6 Question 1.1

This visualization displays the populations of ten countries in the year 2000 using a horizontal bar chart. The bars are drawn as SVG rectangles, with each country’s name shown on the y-axis and population values on the x-axis, formatted in billions. The code uses React to manage components, while D3 v5’s `scaleBand` and `scaleLinear` handle the axes and data scaling. The dataset is loaded via the `csv` function from a GitHub-hosted CSV file. Hovering over a bar reveals its exact population through a native SVG `<title>` tooltip.

Ssagipavan2385@gmail.com

Activity6_Q1.1

A horizontal bar chart displays the populations of ten countries in the year 2000. The visualization uses React to render an SVG, with D3 v5 providing the scaleBand and scaleLinear functions for positioning bars and axes. Data is loaded asynchronously from a CSV file via d3.csv. Custom React components define the axes and marks, with hover tooltips showing formatted population values.

SShiva Sai Reddy

Jjahnavigummadi@my.unt.edu

Activity6_q1

This D3 bar chart displays the population of ten countries for the year 2000, using horizontal bars sorted by country name. The visualization loads CSV data via `d3.csv` from a GitHub repository, then renders an SVG with React, applying a linear scale to the population axis and a band scale to the categorical country axis. Bars are styled with a light green fill, and tooltips, formatted with `d3.format` to show values in billions, appear on hover.