Fork of Fork of Activity6_Question 1.2

Aajaykumarseelam@my.unt.edu

Fork of Activity6_Question 1.2

This example displays a horizontal bar chart comparing the populations of 20 countries for the year 2010, using a bright green fill for the bars. The React application loads data from a remote CSV file via `d3.csv` and renders the visualization as an SVG. It uses D3 v5's `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with custom `AxisBottom`, `AxisLeft`, and `Marks` components. A tooltip showing the population in billions appears on hover, driven by the `<title>` element within each bar.

Aanusha.chilkamarri26@gmail.com

Fork of Activity 6_Question1b

This bar chart displays the population of 20 countries in 2010, ordered along the vertical axis with horizontal bars extending to represent each country’s population. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with bars rendered as SVG rectangles via the `Marks` component. Data is loaded asynchronously from a CSV file using `d3.csv`, and axis ticks are formatted with `d3.format` to abbreviate large numbers (e.g., converting billions).

Fork of ACTIVITY6 QUES 1 (PART2)

A horizontal bar chart displays the populations of 20 countries for 2010, with country names on the y-axis and population values on the x-axis. The visualization uses React to render SVG elements, while D3 v5’s `scaleBand` and `scaleLinear` handle axis positioning, and `d3.csv` loads the dataset from a GitHub repository. Bars appear in light green, with blue tick lines and formatted population labels using `d3.format`.

BBhavana Sharma

CChandra Prakash Reddy Kalwakolu

Fork of Activity6_Question1_2

This horizontal bar chart displays the populations of 20 countries for the year 2010, sorted by country name. The viz uses React with D3.js v5, importing `scaleBand`, `scaleLinear`, and `format` from the D3 library. The data is fetched as a CSV from a GitHub repository via D3’s `csv` function. The chart renders as an SVG, with bars colored orange, blue tick lines, and tooltips showing formatted population values (e.g., "1.23B").

Fork of Activity 6_Q1_2

This visualization shows a horizontal bar chart comparing the 2010 population of twenty countries, sourced from a CSV file hosted on GitHub. It uses React with D3 v5’s `scaleBand` and `scaleLinear` to map country names and population values, rendering marks as SVG rectangles. Axes are customized via reusable components, and `d3.format` converts tick labels from billions to abbreviate them.

KKarnam Abinay Goud

Aaadesh.pranesh@gmail.com

Fork of Activity6-1 Q1.2

A horizontal bar chart displays the 2010 population of 20 countries, with bars extending from a shared left axis. The chart uses React to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` mapping country names and population values. Data loads asynchronously from a CSV file via D3’s `csv` function, and the x-axis labels are formatted with a SI prefix that converts gigabytes to billions.

Fork of Activity 6 question1(part1)

This bar chart visualizes the population of ten countries for the year 2000, sourced from a CSV file. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for axes, while `format` converts tick labels to abbreviated numbers. Each bar includes a SVG `<title>` tooltip, and the visualization is rendered as an SVG. Horizontal bars are sorted by country, showing population with a green fill.

BBhavana Sharma

Aabdul.khader2899@gmail.com

Fork of Activity-6_Question1.2

This horizontal bar chart displays the population of the first 20 countries in 2010, with countries listed on the y-axis and population values on the x-axis. The visualization uses React with D3 v5 to load data from a CSV file, and renders the bars as SVG rectangles. The code uses d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and a custom d3.format('.2s') to abbreviate population values, while tooltips show the exact formatted values.