Fork of Activity6_task1.1

Activity 6_Task1.2

This example displays a horizontal bar chart of population figures for 20 countries in 2010, with countries on the y-axis and population on the x-axis. It loads CSV data from a GitHub repository using d3.csv and renders the chart as SVG elements within a React component. The visualization uses d3.scaleBand and d3.scaleLinear to map data to coordinates, along with custom axis components and bars colored light green, with tooltips showing population values in billions.

DDeekshitha Annreddy

Vvarunreddy.gudigopuram@gmail.com

Fork of Activity 6_Task 1.2

This example shows a horizontal bar chart comparing the population of 20 countries in 2010, with a green bar for each country and a blue axis. The React app loads data from a CSV file via D3’s `csv` function, then uses `scaleBand` and `scaleLinear` to map the country names and population values to SVG rectangles. Axis labels are formatted with D3’s `format` function to abbreviate numbers like “1.2B”. The visualization renders entirely as SVG elements, with axis ticks and marks defined in separate ES6 modules.

Fork of Activity_6_Task_1_Question_1_1

This example shows a horizontal bar chart comparing the population of ten countries in the year 2000, sorted by country name. The chart uses React components to render SVG elements, with D3’s `scaleBand` and `scaleLinear` handling the layout, while `AxisBottom` and `AxisLeft` generate the axes. Data is loaded using `d3.csv` from a remote GitHub CSV file, and each bar displays a native tooltip with its formatted population value.

LLarry Johnson

Activity 6_Task1.2

This example displays a horizontal bar chart comparing the 2010 population of twenty countries, sourced from a remote CSV file. It uses React to render an SVG visualization with D3’s scale functions, including `scaleBand` for the categorical country axis and `scaleLinear` for the continuous population axis. The chart includes custom axis components and tooltips that format population values in abbreviated SI units.

DDeekshitha Annreddy

Activity6_Task1.1

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 visualization renders as SVG through React components, with D3 v5 handling data loading via `d3.csv` and scale generation through `scaleLinear` and `scaleBand`. The code defines reusable React components for the bottom and left axes plus marks, and formats population values using D3's `format` function. Data comes from a GitHub-hosted CSV file, with each bar including a native SVG tooltip showing the formatted population value.

DDeekshitha Annreddy

Bbharatchowdarypotluri@my.unt.edu

Fork of Activity06_Task01

This example shows a horizontal bar chart of the populations of 30 countries in 2020. It is rendered as SVG with React, using D3’s scaleBand for the categorical y-axis and scaleLinear for the x-axis. Axis ticks and tick labels are generated by custom components; the bars carry tooltips with formatted population values via a D3 `title` element. Data loads from a remote CSV using D3’s `csv` function.

Ss.harshinisai01@gmail.com

activity 6_Task 1

This example displays a horizontal bar chart comparing the populations of ten countries for the year 2000. Using React and D3 v5, it loads CSV data via the `useData` hook, scales the bars with `scaleBand` and `scaleLinear`, and formats tick labels with `format`. The SVG renders through reusable `AxisBottom`, `AxisLeft`, and `Marks` components.

Fork of activity_6 Task1

This example displays a horizontal bar chart of population figures for 20 countries in 2010, with country names on the y-axis and population counts on the x-axis. The visualization is built with React and D3 (scaleBand, scaleLinear, format), rendering SVG rectangles for bars and custom axis components. Data is loaded from a CSV file via d3.csv and parsed to numeric population values.

Hhui249378@gmail.com