Activity6_task1.1

Mmangilipallylaxminarayana@gmail.com

Activity 6 Task 1

A horizontal bar chart displays the top ten countries by population in the year 2000, using green rectangles scaled by a linear x-axis. The visualization is rendered as an SVG with React components, including reusable axis and mark components. It loads CSV data via D3’s `csv` function and applies `scaleBand` and `scaleLinear` for positioning. The chart includes formatted tick labels that convert billions to a readable format, and each bar contains a tooltip showing the exact population value.

activity 6_Task_1.1

This example displays a horizontal bar chart of the top 10 countries by population in the year 2000, using a green fill for each bar. It loads CSV data from a GitHub-hosted file via `d3.csv` and renders the visualization with React and SVG. The chart uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, with axes and bars drawn as SVG elements. References to D3 modules like `scaleBand`, `scaleLinear`, `max`, `format`, and the `csv` function are made via ES6 imports, demonstrating local module use.

TThai Ha Dang

Activity8_task1

This visualization displays the top 10 countries by population in the year 2000 using a horizontal bar chart. The React-based application uses D3 v5 APIs including scaleBand, scaleLinear, and csv to load and process the dataset. The SVG rendering shows green bars with x-axis tick labels formatted in abbreviated units (e.g., B for billions) and includes tooltips displaying the exact population values. The data is sourced from a GitHub-hosted CSV file, and the axes are rendered from the custom AxisBottom and AxisLeft components.

Aanusharamana0@gmail.com

Hhimavinaytummala@my.unt.edu

Activity 6_Task 1.1

This example displays a horizontal bar chart of the top ten countries by population in the year 2000, using a light green fill for bars and blue tick lines. It loads data from a CSV file via `d3.csv`, formats the x-axis tick labels with `d3.format`, and renders the visualization as an SVG using React components. The chart uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, with tooltips showing the population value on each bar.

Jjahnavigummadi@my.unt.edu

Activity6_Task1

This horizontal bar chart displays the population of the top 10 countries in the year 2000. The visualization uses D3.js scales and formatting functions to map country names and population values to the layout. Built with React, the example loads data from a remote CSV file and renders the chart using SVG. Interactive tooltips are provided through the `<title>` elements on each bar, while D3's `scaleBand` and `scaleLinear` position the bars and axes.

Ssunny.musku2631@gmail.com

Activity6_Task1.1

This bar chart displays the top 10 countries by population in the year 2000, using a horizontal layout with countries on the y-axis and population on the x-axis. The visualization uses React to render SVG elements, with D3 v5 scales and formatting functions (scaleBand, scaleLinear, format) to position bars and transform tick labels. Population data is loaded from a CSV file via d3.csv and prepared in a custom useData hook. Each bar includes a native SVG tooltip showing the formatted population value.

Activity 6_Task 1

This horizontal bar chart displays the population of ten countries for the year 2000, with bars arranged in descending order from top to bottom. It uses React with SVG rendering and D3 v5 scales, including `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Each bar includes a `<title>` element for tooltip support, and axes are created with D3’s `format` function to abbreviate large numbers. The data is loaded remotely as a CSV file using the `csv` function from D3.

Gguruabhay294@gmail.com

AAP19110020041-Pavan Kumar

Activity_6_Task_1_Q1.1

A horizontal bar chart displays the population of the top 10 countries in the year 2000, using a linear scale for population values and a band scale for country names. The visualization is built with React and D3 v5, rendering SVG elements through reusable components for axes and marks. Data is loaded from a remote CSV file using D3’s `csv` function and formatted with the `format` utility. Each bar includes a tooltip showing the population value via a native SVG `<title>` element.