Activity6_Q1.1

Jjahnavigummadi@my.unt.edu

Activity6_q1.2

This example shows a horizontal bar chart of population data for 20 countries in 2010, using a linear scale for population values and a band scale for country names. The code loads data from a remote CSV file and renders the chart as an SVG in a React component, using D3 v5 APIs such as `scaleBand`, `scaleLinear`, and `csv`. Interactive tooltips display the formatted population on hover, while axis labels and tick formatting convert values to billions using `format('.2s')`.

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

Activity6_q1.2

A horizontal bar chart displays the population of 20 countries in 2010, with each bar’s length proportional to its population value. The chart uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` mapping country names and population values to pixel positions. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, and axes are built using custom React components. Tick labels are formatted with `d3.format` to abbreviate large numbers (e.g., converting “G” to “B” for billions).

Nnikhithadadi@my.unt.edu

Activity6_Q1.2

This example displays a horizontal bar chart comparing the 2010 population of 20 countries, with each bar’s length proportional to population and a tooltip showing the formatted value. The visualization is rendered as an SVG using React and D3 v5, with `scaleBand` for the y-axis and `scaleLinear` for the x-axis. The data is loaded via `d3.csv` from a GitHub gist, and axis ticks are formatted using D3’s `format`.

JJhansi Balla

Activity6_Q1.1

This bar chart displays the population of ten countries for the year 2000, with country names on the vertical axis and population values on the horizontal axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and renders SVG rectangles via custom React components. The code formats axis tick labels using `format('.2s')` and loads data asynchronously from a CSV file using `csv` from D3.

VVidya Lakshmi Chitturi

Hharipadmavathim2023@gmail.com

Activity-8_Question-1.1

This example displays a horizontal bar chart showing population figures for ten countries in the year 2000. The visualization uses React with D3 v5’s `scaleBand` and `scaleLinear` to map country names and population values to the SVG canvas. Bars are rendered as `rect` elements with tooltips, while axes are built from D3’s `format` utility to abbreviate large numbers (e.g., converting gigabytes to billions). Data loads asynchronously from a CSV file via D3’s `csv` function, and the chart includes custom axis styling with blue tick lines and green marks.

Bbhavya.kanyadara@gmail.com

Activity_6 Q1.1

This example displays a horizontal bar chart comparing the population of ten countries in the year 2000. Blue tick lines and green bars are rendered as SVG within a React component. The chart uses `d3.scaleBand` for the y-axis, `d3.scaleLinear` for the x-axis, and `d3.csv` to load data from an external URL. Population values are formatted with `.2s` notation and converted from millions to billions using the `.replace('G', 'B')` method.

LLakshmiDeepikaPagadala@my.unt.edu

Activity6_Q1.1

This example uses a bar chart to show the population of ten countries in the year 2000, with each bar’s length mapped to population values that are formatted in billions. Built with React and D3 v5, it loads CSV data from a GitHub URL, then uses `scaleBand` for the categorical country axis and `scaleLinear` for the numeric population axis. The chart renders as SVG, with axis components and marks defined in separate local ES6 modules, and includes a tooltip on each bar via the `<title>` element.