Fork of Fork of Activity 6

Aanusha.chilkamarri26@gmail.com

Fork of Fork of Activity 6_Question1b

This example shows a horizontal bar chart of population for twenty countries, using a log-like linear scale where each bar’s length encodes the 2010 population value. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. Axes are rendered as SVG components, with tick formatting converting values to billions and a tooltip showing the precise figure. The data is loaded via D3’s `csv` from a GitHub repository, sliced to the top twenty entries.

Fork of Activity6_q1

This example presents a horizontal bar chart comparing the populations of ten countries in the year 2000. The visualization uses D3 v5’s `scaleBand` and `scaleLinear` to map country names and population values, with React rendering the SVG elements. Each bar includes a native `<title>` tooltip displaying the formatted population in billions (using `format('.2s')`). Data is loaded asynchronously via D3’s `csv` parser from a GitHub-hosted CSV file, and axes are generated by custom React components (`AxisBottom` and `AxisLeft`).

Aabjalshaik02@gmail.com

Fork of Activity 6

This example presents a horizontal bar chart showing 2020 population data for 30 countries, with bars encoded by population magnitude and country names along the y-axis. Built with React and D3 v5, it uses `scaleBand` for the categorical axis, `scaleLinear` for the numeric axis, and renders SVG rectangles with tooltips via the `<title>` element. Data is loaded from a CSV using `d3.csv`, with population values transformed by multiplying the raw figures by 1,000. Axis labels and ticks are styled with CSS, and the chart includes formatted tick labels using `d3.format`.

NNithish Karanam

Fork of Fork of Activity_6_TASK1_DV_Q1.2

This example shows a horizontal bar chart of population figures for ten countries in the year 2000, with each bar’s length proportional to its population value. The visualization uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for positioning and scaling, and D3’s `csv` loader to fetch data from a GitHub-hosted CSV file. Bar rectangles are generated via a custom `Marks` component, while `AxisBottom` and `AxisLeft` use D3’s tick generation to draw axes. Population values are formatted with D3’s `format` function, converting numbers to abbreviated strings like “B” for billions.

Fork of Fork of Activity_6_TASK1_DV_Q1.2

This example shows a horizontal bar chart of population figures for ten countries in the year 2000, with each bar’s length proportional to its population value. The visualization uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for positioning and scaling, and D3’s `csv` loader to fetch data from a GitHub-hosted CSV file. Bar rectangles are generated via a custom `Marks` component, while `AxisBottom` and `AxisLeft` use D3’s tick generation to draw axes. Population values are formatted with D3’s `format` function, converting numbers to abbreviated strings like “B” for billions.

Fork of Fork of Activity_6_TASK1_DV_Q1.2

This example shows a horizontal bar chart of population figures for ten countries in the year 2000, with each bar’s length proportional to its population value. The visualization uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for positioning and scaling, and D3’s `csv` loader to fetch data from a GitHub-hosted CSV file. Bar rectangles are generated via a custom `Marks` component, while `AxisBottom` and `AxisLeft` use D3’s tick generation to draw axes. Population values are formatted with D3’s `format` function, converting numbers to abbreviated strings like “B” for billions.

Fork of Fork of Activity_6_TASK1_DV_Q1.2

This example shows a horizontal bar chart of population figures for ten countries in the year 2000, with each bar’s length proportional to its population value. The visualization uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for positioning and scaling, and D3’s `csv` loader to fetch data from a GitHub-hosted CSV file. Bar rectangles are generated via a custom `Marks` component, while `AxisBottom` and `AxisLeft` use D3’s tick generation to draw axes. Population values are formatted with D3’s `format` function, converting numbers to abbreviated strings like “B” for billions.