Activity-6-q1.1

Bbhavyamoturi2509@gmail.com

activity6_q1.1

This visualization is a horizontal bar chart displaying the population of the top 10 countries in the year 2000, sourced from a CSV file. The chart uses a linear scale for the population values and a band scale for the country categories, with green bars and blue tick marks. The React-based code leverages D3 version 5 modules like `scaleBand`, `scaleLinear`, and `format` to compute scales and tick formatting, rendering the chart as SVG elements.

activity6 q1.1

This example shows a horizontal bar chart comparing the population of different countries for the year 2000, with the top 10 countries sorted by population. The chart uses React components to render SVG elements, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numerical x-axis. Data is loaded from a CSV file using d3.csv, and axis ticks are formatted with d3.format using SI notation that converts "G" to "B" for billions.

Hhkodiripaka15@gmail.com

Ssaibharath7thota@gmail.com

Activity6 Q1.1

This bar chart displays the population of the top 10 countries in the year 2000, using a horizontal layout with country names on the y-axis and population values on the x-axis. The visualization is built with React and D3 v5, using `scaleBand` for the categorical axis, `scaleLinear` for the numeric scale, and custom `AxisBottom` and `AxisLeft` components for ticks. Data is loaded via `d3.csv` from a remote GitHub URL, with population values formatted using D3's `format` function. SVG rectangles represent each country's population, with tooltips showing exact formatted values on hover.

Kkeerthana11.mcs@gmail.com

Activity 6_Q1.1

This horizontal bar chart displays the population of the top 10 countries in the year 2000, ordered alphabetically by country name. The visualization uses React and D3 v5, with `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. Data is loaded asynchronously from a remote CSV file via `d3.csv`, and bars are rendered as SVG rectangles with tooltips showing formatted population values using `d3.format`.

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.

Ssriyaalugupalli@my.unt.edu

Activity-6_Q1.1

This visualization displays a horizontal bar chart comparing population figures for the top 10 countries in the year 2000, with country names on the y-axis and population values on the x-axis using a band scale and linear scale. The chart is built with React and D3 v5, loading data from a remote CSV via d3.csv, and renders SVG elements including axes and rectangular marks. Hovering over a bar reveals a tooltip with the formatted population value, using d3.format to abbreviate large numbers.

Tthoutunikhitha@gmail.com

Activity-6_Q1.1

This horizontal bar chart displays the populations of ten countries in the year 2000, sorted from largest to smallest. The chart uses React components to render SVG marks, with d3.scaleBand and d3.scaleLinear handling the y and x axes respectively. Data is loaded from a CSV file using d3.csv, and population values are formatted with d3.format for the axis tick labels, which use a compact notation (e.g., "B" for billions).

Activity6_Question - 1.1

This visualization displays the top 10 countries by year 2000 population as a horizontal bar chart. The chart uses React components to render SVG rects scaled by a linear population scale, with country names on a band scale. Data is loaded from a remote CSV using d3.csv and formatted with the d3.format function to abbreviate large numbers. The axes are built with custom React components that map d3.scaleLinear and d3.scaleBand outputs to SVG elements.

NNitish Thotakura