Fork of Activity_8_Question-1.1

Fork of Activity7question1

This example shows a horizontal bar chart ranking the populations of ten countries in the year 2000. The chart uses React with D3 v5, leveraging `scaleBand` and `scaleLinear` for positioning, while rendering SVG rectangles. Country names appear on the y-axis, and population values are formatted with D3’s `format` function, converting values to billions. Data is loaded asynchronously from a CSV file using `d3.csv`, and axes are drawn with custom React components, with tick lines highlighted in blue.

95% match

Fork of Activity7question1

This example shows a horizontal bar chart ranking the populations of ten countries in the year 2000, with bars encoded by a d3.scaleLinear x-axis and a d3.scaleBand y-axis. The chart uses React components (AxisBottom, AxisLeft, Marks) to render SVG elements, with tick marks styled in blue and bars filled in light green. Data is loaded asynchronously via d3.csv from a remote GitHub dataset, and the population values are formatted using d3.format to display billions with a "B" suffix.

95% match

Fork of Activity7question1

95% match

Vvullihanumantharao@gmail.com

Fork of activity 6_Question 1A

This example shows a horizontal bar chart ranking population figures for ten countries in the year 2000, using a CSV dataset fetched from GitHub. The visualization uses D3 v5 scales (`scaleBand`, `scaleLinear`) to map country names and population values to screen coordinates, while React components (`AxisBottom`, `AxisLeft`, `Marks`) render the SVG axes and bars. Population values are formatted with `format('.2s')` to display compact tick labels like “1.2B,” and native SVG `<title>` elements provide hover tooltips with the same formatted values.

Fork of Fork of Activity7question1

This example displays a horizontal bar chart comparing the populations of ten countries in the year 2000, using a D3 v5 scaleBand for countries and a scaleLinear for population. The React-based rendering utilizes SVG, with `AxisBottom` and `AxisLeft` components generating ticks, while `Marks` creates rectangles whose widths encode population values. A tooltip, defined via `<title>`, shows the abbreviated population figure. Data is loaded asynchronously from a remote CSV file using D3's `csv` function.

Fork of Fork of Activity7question1

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

Ppradeepgubbala2001@gmail.com

Fork of Activity6_Q1.1

This example displays a horizontal bar chart ranking the populations of ten countries for the year 2000, using D3 version 5 scales and SVG rendering within a React component. The code imports `scaleBand` and `scaleLinear` to map country names and population values to screen coordinates, with `format` applying a compact tick label format. Data is pulled from a remote CSV file via `d3.csv`, and the chart is rendered with custom React modules for axes and marks.