Act 6 task1

Kkaringusathwika@gmail.com

act 6 task 1

This example shows a horizontal bar chart of 2020 population data for 30 countries, with a green fill and blue tick lines. Population values are formatted with SI suffixes (e.g., “B” for billions) on the bottom axis. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `format` for tick labels. Data is loaded from a remote CSV via `d3.csv`.

Bbhargavireddy4016@gmail.com

Act-6 Task-1

This example shows a horizontal bar chart of 2010 population figures for 20 countries, with bars sorted by country name and labeled in billions. The visualization uses React to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` for positioning, and d3-format’s `format('.2s')` for tick labels. Data is loaded asynchronously from a CSV via `d3.csv`, and hover tooltips are provided through SVG `<title>` elements.

Activity6_Task1

A horizontal bar chart displays the populations of 30 countries in 2020, sorted by country name with colored green bars. Built with React and D3 v5, it uses `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with SVG rectangles rendered via the `Marks` component. Population values are loaded from a remote CSV file using `d3.csv`, converted to numbers, and formatted with `d3.format` to abbreviate large numbers (e.g., "1.5B"). Axis labels and ticks are generated by custom `AxisBottom` and `AxisLeft` components, and hovering reveals exact values via SVG `<title>` tooltips.

Hharsha13638@gmail.com

Ppavanpkkalyan3@gmail.com

Act-7_Q1_1

A horizontal bar chart displays the 2020 population estimates for thirty countries, sorted by country name with population values encoded as bar lengths. The visualization uses React with D3 v5’s `scaleBand` and `scaleLinear` to map data, rendering SVG rectangles via the `Marks` component. Axes are generated with custom `AxisBottom` and `AxisLeft` components, using `d3.format` to abbreviate tick labels (e.g., converting billions to ‘B’). Data is loaded asynchronously from a remote CSV file using D3’s `csv` method, with native SVG `<title>` elements providing hover tooltips.

Aanisha.peddireddy@gmail.com

Activity6_Task 1

A horizontal bar chart displays 2020 population estimates for 30 countries, ranked by country name on the y-axis and population on the x-axis. The visualization uses SVG rendering within a React component, with D3 v5 scale functions (`scaleBand`, `scaleLinear`) for positioning, and custom `AxisBottom` and `AxisLeft` components for ticks. Data loads asynchronously from a CSV file via `d3.csv` and formats axis labels using `d3.format`. Each bar includes a native SVG `<title>` tooltip showing the formatted population value.

Ssatishvelaga02@gmail.com

Activity6Task1

A horizontal bar chart displays the 2020 population for 30 countries, with bars extending from a shared baseline and country names on the y-axis. The visualization uses D3 v5 scaleBand and scaleLinear for positioning, with data loaded via d3.csv from a GitHub-hosted CSV file. React renders SVG elements, while helper components AxisBottom, AxisLeft, and Marks generate ticks and rectangles. Hovering reveals formatted population values through SVG title tooltips, and the x-axis uses SI-format abbreviations that convert "G" to "B".

Mmaheshsachin1234@gmail.com

Activity6_Task1

A horizontal bar chart displays 2020 population figures for 30 countries, ordered by country name, using a green fill for each bar. Built with React and D3 v5, the visualization maps population values to bar lengths via a linear scale and country names to vertical bands via a band scale. The code uses `scaleBand`, `scaleLinear`, and `format` from D3, rendering all elements as SVG. Hovering reveals the population value through a native `<title>` tooltip, and the data is loaded from a remote CSV file using D3's `csv` function.

Activity6 Task1

This example displays a horizontal bar chart of 2020 population data for 30 countries, with bars colored light green and a blue axis line. It renders as a React application using D3 v5 to scale and format the population values (e.g., converting gigabytes to billions in tick labels). Data is loaded from a remote CSV file, and the chart is drawn using SVG rectangles. The code explicitly uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.csv` to process and visualize the dataset.

Ppslharika@gmail.com