Activity 6 task 1.1

LLakshmiDeepikaPagadala@my.unt.edu

Activity6_Q1.2

A horizontal bar chart displays the top 20 countries by 2010 population, sourced from a CSV file loaded with `d3.csv`. React renders SVG rectangles whose widths are scaled linearly by population via `scaleLinear`, while `scaleBand` positions categorical country labels on the y-axis. Axis components use D3 tick formatting with `.2s` to abbreviate billions, and each bar includes a native SVG `<title>` tooltip showing the formatted value.

activity 6_Task 1.2

This bar chart visualizes the top 20 countries by population for the year 2010, using a horizontal layout with countries on the y-axis and population on the x-axis. It uses React with D3 v5 scales (scaleBand, scaleLinear) to position SVG rectangles, with axis components rendering ticks and labels. Data loads from a CSV via d3.csv, and tooltips display formatted population values using d3.format.

Ssanjanaadapa7@gmail.com

Ppadiginetivishnupriya@gmail.com

activity 6_Task 1

This example shows a horizontal bar chart comparing the populations of the top 20 countries in 2010, with country names on the y-axis and population values on the x-axis. The data is loaded as CSV via `d3.csv` from a GitHub repository. React renders the SVG, while D3 v5 scales (`scaleBand` and `scaleLinear`), axes, and tick formatting (`format('.2s')`) handle the layout. Tooltips appear on hover using native SVG `<title>` elements.

Vvandanakosuri@my.unt.edu

Activity-6(Task1)

This example visualizes the 2010 populations of the top 20 countries as a horizontal bar chart, using a linear scale for population and a band scale for country names. The chart is rendered as an SVG via React, with D3 v5 handling the data loading, scaling, and tick formatting. Data is fetched from a CSV file, and hover tooltips display each bar’s value, formatted with D3’s `format` function.

Bbharatchowdarypotluri@my.unt.edu

Activity06 Q.1.2

This example displays a horizontal bar chart of the top 20 countries by population in 2010, using a responsive SVG rendered through React. The code builds scales with d3.scaleBand and d3.scaleLinear, loads CSV data via d3.csv, and formats axis ticks with d3.format. Custom React components (AxisBottom, AxisLeft, Marks) generate the chart elements, with hover tooltips provided by SVG title tags.

SSaiKiranReddyKancharla@my.unt.edu

Activity-6-Task1.2

A horizontal bar chart displays the 20 most populous countries in 2010, with country names on the y-axis and population values on the x-axis. The React app loads CSV data via `d3.csv` using a custom `useData` hook, then renders SVG rectangles with D3 `scaleBand` and `scaleLinear` scales. D3 axes and tick formatting with `d3.format` label the chart, and native SVG `<title>` elements provide tooltips on hover.

Activity6_Task 1

This example shows a horizontal bar chart of the top 20 countries by 2020 population, using data loaded from a CSV file. The visualization renders with SVG in a React framework, using d3.scaleBand for the categorical y-axis, d3.scaleLinear for the quantitative x-axis, and d3.format to display population values in billions. Each bar includes a native SVG title tooltip. The x-axis and y-axis are custom React components that generate ticks and labels, with blue axis lines and light green bars.

Jjarethodges@gmail.com

Rrajeswariamruthabommaraju@my.unt.edu

Activity 6_task 1_q1.2

A horizontal bar chart displays the 20 most populous countries in 2010, with country names on the y-axis and population on the x-axis. The visualization uses React with D3 v5's `scaleBand` and `scaleLinear` to position bars, while custom React components render axes and marks as SVG rectangles. Data loads from a remote CSV file via `d3.csv`, with population values multiplied by 1000 and formatted using `d3.format`. Tooltips show exact population values through SVG `<title>` elements.