Fork of Activity_6_Task_1_Question_1_1

Fork of Fork of Activity_6_Task_1_Question_1_2

This horizontal bar chart displays the populations of twenty countries in 2010, sorted by country name. Rendered as an SVG using React, the visualization loads data from a GitHub-hosted CSV file via the D3 `csv` function. The chart uses D3’s `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis, with axes and rectangular marks built from custom React components. Population values are formatted with D3’s `format` function to abbreviate large numbers, and tooltips on each bar show the precise formatted value.

LLarry Johnson

Rramyaraomadhavareddy@gmail.com

Fork of activity6_Task1Question2

This example shows a horizontal bar chart comparing the 2010 population of 20 countries, with each bar labeled by country name and value. Population data is loaded from a GitHub-hosted CSV file via d3.csv, then converted from thousands to raw numbers. The chart is built with React components, using d3.scaleBand and d3.scaleLinear for positioning, SVG rectangles for marks, and d3.format to display tick labels with abbreviations like “1.2B.” Native SVG `<title>` elements provide tooltips on hover.

Fork of Activity_8_Question-1.1

This example shows a horizontal bar chart ranking the populations of ten countries in the year 2000. The chart uses D3 scales (scaleBand and scaleLinear) to position bars and axes, with React components handling the SVG rendering. Data is loaded from a remote CSV file via d3.csv, and tooltips display formatted population values using d3.format.

Kkesava

Fork of Activity_6_TASK1_DV_Q1

This example shows a horizontal bar chart comparing the populations of ten countries in the year 2000, with country names on the y-axis and population values on the x-axis. The chart uses React with D3 v5 APIs, specifically `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and SVG `<rect>` elements for bars. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with population values converted from thousands and formatted using `d3.format` to display values in billions.

HHema Tummapala

Fork of Activity 6_Question1_task1

This interactive bar chart displays the 2000 population figures for ten countries, using a horizontal layout with blue tick lines and green bars. Built with React and D3 v5, it loads CSV data from a GitHub repository and renders the chart as SVG. The visualization uses `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with custom `AxisBottom`, `AxisLeft`, and `Marks` components handling the drawing. Native SVG `<title>` elements provide tooltips, while tick formatting converts raw numbers into abbreviated units like "B" for billions.

Jjampani921@gmail.com

Kkaushikreddy901@gmail.com

Fork of Task1_activity7

This example shows a horizontal bar chart of population figures for ten countries in the year 2000, sorted by country name. The visualization uses React to render SVG elements, with D3 v5 scales (d3.scaleBand and d3.scaleLinear) positioning the bars and axes. Data is loaded via d3.csv from a GitHub-hosted CSV file, and popup tooltips appear on hover using SVG `<title>` elements. The chart applies D3’s d3.format with the '.2s' SI prefix to abbreviate population values, such as converting billions to "B" labels.

Kkaushikreddy901@gmail.com

Fork of Task1_activity7

Kkaushikreddy901@gmail.com

Fork of Task1_activity7