Fork of Activity-6(Questions1.1)

Fork of Activity6_Question1.1

This visualization presents a horizontal bar chart showing the population of various countries in the year 2000. The chart displays the top 10 countries by population, with the data loaded from a CSV file using d3.csv. The visualization is built with React and D3 v5, using scaleBand and scaleLinear to create the layout, while SVG rectangles render the bars. Axes are constructed using custom React components, and a d3 format function converts large numbers into abbreviated labels like "B" for billions.

Mmaneeshraja47@gmail.com

PPadmajaKodati@my.unt.edu

Fork of Activity6_Question1(1)

This chart displays the population of ten countries in the year 2000 as horizontal bars, with country names on the y-axis and population on the x-axis. The visualization uses React components to render SVG elements, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis. AxisBottom and AxisLeft components generate ticks and labels, while Marks renders the rectangles. Data is loaded from a CSV file via d3.csv, and tick labels are formatted using d3.format with abbreviations.

Ssuchigeneralpur@gmail.com

Fork of activity 6_Question

This chart displays the population of ten countries in the year 2000 as a horizontal bar chart, with country names on the y-axis and population values on the x-axis. The code uses React with D3 v5, employing `scaleBand` and `scaleLinear` for coordinate mapping, and renders SVG rectangles through custom `AxisBottom`, `AxisLeft`, and `Marks` components. Data is loaded from a CSV file using `d3.csv`, with population values converted from the ‘2000’ column and formatted using `d3.format`.

Fork of activity 6 q1.1

This visualization displays the population of the top 10 countries in the year 2000 as a horizontal bar chart, with countries listed on the y-axis and population values on the x-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to map data from a CSV file, with SVG rectangles for bars and native React components for axes. The chart formats tick labels using D3’s `format` function, converting values to billions, and includes tooltips via SVG `<title>` elements.

RRakesh Yadav

Aanusha.chilkamarri26@gmail.com

Fork of Activity 6_Question 1

This visualization shows the top 10 countries by population in the year 2000 as horizontal bars, with country names on the y-axis and population values on the x-axis. It is built with React and D3 v5, using `scaleBand` and `scaleLinear` to position the marks. The SVG rectangles render the data, which is loaded via `csv` from a GitHub-hosted dataset, and tooltips display formatted population values using D3’s `format`. The custom `AxisBottom` and `AxisLeft` components generate the tick marks and labels.

Activity6-Question1(1)

This chart displays the population figures for the top 10 countries in the year 2000, using a horizontal bar chart where each bar’s length corresponds to its population value. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical country axis and `scaleLinear` for the continuous population axis, rendered as SVG rectangles. The data is fetched from a CSV file via `d3.csv`, and tooltips show formatted population values using `d3.format`. The code defines custom `AxisBottom`, `AxisLeft`, and `Marks` components to manage the chart’s layout.

Ppslharika@gmail.com

Ssaibharath7thota@gmail.com

Activity6 Q1.1

This bar chart displays the population of the top 10 countries in the year 2000, using a horizontal layout with country names on the y-axis and population values on the x-axis. The visualization is built with React and D3 v5, using `scaleBand` for the categorical axis, `scaleLinear` for the numeric scale, and custom `AxisBottom` and `AxisLeft` components for ticks. Data is loaded via `d3.csv` from a remote GitHub URL, with population values formatted using D3's `format` function. SVG rectangles represent each country's population, with tooltips showing exact formatted values on hover.

Aanusha.chilkamarri26@gmail.com

Fork of Fork of Activity 6_Question 1

A horizontal bar chart displays the top 10 countries by population in the year 2000, using a green fill for each bar. The chart is built with React and D3 v5, with `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Population values are parsed from a CSV file hosted on GitHub, formatted with D3's `format('.2s')` to show values in billions, and tooltips expose exact population figures. The SVG is rendered with reusable components for the axes and marks.