act_6

act6 q1

This example displays a horizontal bar chart comparing the populations of ten countries in the year 2000, sourced from a CSV file. Using React with D3 v5, it employs `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering bars as SVG rectangles. Population values are formatted using `format` to abbreviate large numbers, and hovering reveals exact values via SVG `<title>` elements.

Sshravan.s0710@gmail.com

Ggalijawaharnath@gmail.com

Act6_Q1.2

A horizontal bar chart displays the populations of 20 countries for the year 2010, sorted vertically by country name. The visualization uses React with D3 v5, loading CSV data from a GitHub repository via d3.csv and rendering SVG bars. The chart employs scaleBand for the categorical y-axis and scaleLinear for the numeric x-axis, with population values formatted using d3.format and native SVG <title> elements providing tooltips.

Ssairam.amaraneni22@gmail.com

Act_6_Q_1.1

This horizontal bar chart displays the population of ten countries in the year 2000, with bars sorted by country name along the y-axis and population values on the x-axis. It uses React with D3 v5 scales (`scaleBand`, `scaleLinear`) to position the bars and axes, rendering as SVG. The data loads via `d3.csv` from an external GitHub dataset, with population values formatted using D3’s `format` function. Green bars include native SVG `<title>` tooltips showing the formatted population for each country.

Ggalijawaharnath@gmail.com

Act6_Q1.1

This horizontal bar chart displays population data for ten countries in the year 2000, with countries listed on the y-axis and population values on the x-axis. The visualization uses React components with D3 v5 scaleBand and scaleLinear to position bars, while custom AxisBottom and AxisLeft components render the tick marks. Data is loaded from a remote CSV file using D3’s csv method, with population values formatted using the format function to abbreviate large numbers. The SVG rendering includes tooltips via native title elements that show the exact population for each bar.

VVenkataSatyaRamKamini@my.unt.edu

Actitvity6.1

A bar chart displays the populations of ten countries in the year 2000, with countries on the y-axis and population values on the x-axis. The visualization uses React components with D3 v5's `scaleBand` and `scaleLinear` for axes, and renders SVG rectangles as marks. Data is loaded from a CSV file via `useData` and `csv`, with population values converted from thousands. Tooltips show formatted values using D3's `format` function, while blue axis ticks and green bars follow CSS-defined styling.

Fork of act_6__2000

This bar chart displays the population of ten countries in the year 2000, ordered alphabetically by country name. It uses React with D3 v5 to render SVG bars, with `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, and each bar includes a native SVG `<title>` element showing the population in billions as a tooltip.

Hhlmn4936@gmail.com

Ssairam.amaraneni22@gmail.com

Act_6_Q_1.2

A horizontal bar chart displays the populations of twenty countries in 2010, using D3’s scaleLinear and scaleBand to map values to SVG rectangles. The React-based component fetches CSV data via d3.csv, formats tick labels with d3.format, and renders axes and marks through custom AxisBottom, AxisLeft, and Marks components.

act_6_2010

This bar chart visualizes the top 20 countries by population in 2010. It uses a horizontal layout, with country names on the y-axis and population on the x-axis, formatted in billions. The visualization is built with React and D3 v5, employing `scaleBand` and `scaleLinear` for axes, and SVG rectangles for the bars. Data is loaded asynchronously from a CSV file using D3's `csv` function, and a tooltip displays the exact population value for each bar.

Hhlmn4936@gmail.com