Activity_6 Q1.1

Ddabbararakshitha@gmail.com

Activity_6 Q1.1

This horizontal bar chart displays the population of ten countries in the year 2000, with bars extending rightward from a shared baseline. The visualization uses React to render an SVG, with D3’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Colored green with blue tick lines, each bar includes a tooltip showing the formatted population value (e.g., “1.2B”). The data is loaded from a remote CSV using D3’s `csv` parser, which multiplies the raw values by 1000 to obtain the final population figures.

Kkrishna444battula@gmail.com

Activity_6 Q-1

This example shows a horizontal bar chart comparing the populations of ten countries in the year 2000. The chart uses an SVG-based React component, with D3 version 5’s `scaleBand` and `scaleLinear` to manage the categorical y-axis and quantitative x-axis. Data is loaded from a remote CSV file, and the bars are rendered as `<rect>` elements that scale with the population values. Tick marks and labels on both axes are generated using custom React components that wrap D3’s scale methods, while CSS styling controls the fill color and font.

Activity-6 Q1.1

This example shows a horizontal bar chart of population data for the year 2000 in ten countries, with the bars scaled linearly by population and labeled on a band scale for country names. The visualization is built with React and D3 v5, using `scaleBand`, `scaleLinear`, `max`, and `format` for axes and tick labels. It renders as an SVG, loads data from a CSV file via `d3.csv`, and includes tooltips on each bar showing the formatted population value.

KKavyaEti

Vvarshithainaganti@gmail.com

Activity_6_Question_1.2

This example displays a horizontal bar chart of population figures for 20 countries in 2010, with countries on the y-axis and population on the x-axis. The code uses React with SVG rendering and D3 v5 APIs including `scaleBand`, `scaleLinear`, and `csv` to load and format the data from a GitHub-hosted CSV file. Blue tick marks and green bars are styled via CSS, while native SVG `<title>` elements provide tooltips. The chart includes rotated country-name labels and formatted population ticks using D3’s `format` specifier.

Aadapasaidivya99@gmail.com

Activity_6_Q_1

A horizontal bar chart displays the population of ten countries in the year 2000, using green rectangles with country names on the y-axis and population values on the x-axis. The visualization loads data from a CSV file via d3.csv, scales the population values with d3.scaleLinear, and positions bars using d3.scaleBand. React components render the SVG elements, while d3.format converts population numbers into abbreviated labels like "B" for billions. Native SVG `<title>` elements provide tooltips showing exact formatted values on hover.

Bbhavanimandula@my.unt.edu

ACTIVITY 6 Q 1.1

This bar chart displays the population of ten countries in the year 2000, with bars extending horizontally to represent population values. The visualization uses React to render SVG elements, with D3 v5 functions scaleBand, scaleLinear, max, and format handling the axes and tick formatting. The chart loads data from a remote CSV and converts population values to a readable format using suffix abbreviations like “B” for billions. Styled with light green bars and blue axis lines, it provides a clear comparison of national populations.

Tthakurnikhitha4@gmail.com

Activity6_Q1.1

This example displays a horizontal bar chart of population data for ten countries for the year 2000, using a D3 v5 scaleBand and scaleLinear within a React component. The SVG rendering maps each country’s population value to a scaled bar width, with axis tick marks and tooltips formatted via `d3.format`. Data is loaded asynchronously from a CSV file using `d3.csv`, and the chart includes blue grid lines and green bars, with a custom Poppins font applied.

Activity 6 Q1.1

This example shows a horizontal bar chart of population data for the year 2000, using a dataset from a GitHub repository. The chart renders ten countries as green bars with blue tick marks on the axes, and includes tooltips that display population values in a shortened format (e.g., "B" for billion). Built with React and D3 v5, the visualization uses `scaleBand` for the categorical y-axis and `scaleLinear` for the x-axis, with custom SVG components for axes and marks. Data is loaded via `d3.csv` from the provided URL, and the chart is rendered entirely as SVG elements.

Gganesh.hns48@gmail.com