activity6q1(2)

Ssaibharath7thota@gmail.com

Activity6_q1.2

This visualization displays population figures for 20 countries in 2010 as a horizontal bar chart rendered with SVG. The chart uses D3 scales (scaleBand for the y-axis, scaleLinear for the x-axis) to position bars, with axes generated via the AxisBottom and AxisLeft components. Data is loaded from population values in a CSV file, which are multiplied by 1,000, and formatted with D3's format function to abbreviate large numbers as billions.

Vvishnutejareddyambati@my.unt.edu

Activity6 Q1.2

A horizontal bar chart displays population estimates for 20 countries in 2010, with country names on the y-axis and population values on the x-axis. The visualization uses React components with D3 v5 scales, including `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. SVG rectangles render the bars, with axis tick formatting converting numbers to billions using D3's `format` function. Population data is loaded asynchronously from a CSV file hosted on GitHub, and native SVG `<title>` elements provide hover tooltips.

Ssaitejakaranam10@gmail.com

activity6q1

This example is a horizontal bar chart that displays the population of 20 countries in the year 2000, using the D3.js library within a React component. The chart renders as an SVG with a green bar for each country, scaled linearly by population. The code imports specific D3 functions for data loading (`csv`), scaling (`scaleBand`, `scaleLinear`), and formatting (`format`). A tooltip, created with an SVG `<title>` element, shows the population value when a bar is hovered.

Mm.maanvireddt761@gmail.com

activity6_q1.-2

This visualization displays the populations of 20 countries for the year 2010 using a horizontal bar chart, with each bar's length proportional to its population. The data is loaded from a CSV file using D3's `csv` function and rendered as SVG rectangles via React's declarative syntax. The chart employs D3's `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Formatting converts large numbers to abbreviated forms like "B" for billions, while tooltips show the exact values. Axes and bars are styled through CSS classes defined in the embedded stylesheet.

Gganeshrajuparmalla@my.unt.edu

activity-6question-1(2)

This chart displays the population of 20 countries in 2010 as horizontal bars. A D3.js linear scale maps population values to bar widths, while a band scale orders the countries. The visualization uses React and D3 v5 to render SVG directly, with a CSV data source. The custom axes and tooltip provide the population details.

Activity-6-q1.2

A horizontal bar chart displays the population of 20 countries in 2010, sorted by country name. The visualization uses D3’s `scaleBand` and `scaleLinear` to map countries and populations to SVG rectangles, with React managing the component structure. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file, and population values are formatted with `d3.format` to abbreviate large numbers (e.g., “1.2B”). Blue axis lines and green bars are styled with CSS.

Bbhargavr016@gmail.com

Aadapasaidivya99@gmail.com

Activity_6_Q_2

A horizontal bar chart displays the 2010 population of 20 countries, with bars ranked by country name on the y-axis and population in billions on the x-axis. The visualization uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for positioning and `csv` from D3 to load the dataset from a GitHub URL. Axis components generate ticks, while rectangle marks include tooltips via SVG `<title>` elements.

Sshettisowmya01@gmail.com

Activity6_population_Q1.2

This visualization displays the population of 20 countries in 2010, using horizontal bars to compare values. Built with React and rendered as an SVG, the chart uses D3 v5 functions like `scaleBand` and `scaleLinear` for axes, and `format` to abbreviate tick labels. Data is loaded from a CSV file via `csv()`, and tooltips reveal each bar’s exact population.