activity6_task1 question

Cchandrikachowdary867@gmail.com

Activity 6_task1_question1

This example displays a horizontal bar chart showing the top 10 most populated countries in the year 2000, sorted in descending order by population. The visualization uses d3.csv to load population data from a GitHub-hosted CSV file, then filters and sorts the dataset. Bars are rendered as SVG rectangles using D3 v7’s scaleLinear for the x-axis and scaleBand for the categorical y-axis. Axes are added with d3.axisBottom and d3.axisLeft, with labels for population and country.

Cchowdaryhemanth14@gmail.com

Activity 6_Task 1_Q1.1

This bar chart displays the population of the top 10 countries in the year 2000, sorted in descending order. It uses D3 v7 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. The data is loaded asynchronously from a remote CSV file using `d3.csv`, then filtered and sorted. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while the bars are drawn as SVG rectangles.

Ssivachandraramanaidu.vnof52@gmail.com

Activity6_task1

This example displays a horizontal bar chart of the top ten most populous countries in the year 2000, ranked by population. The chart, rendered as an SVG, uses D3 v5 to load CSV data from a remote gist and sorts it by the 2000 population field. The visualization consists of green bars drawn via `d3.selectAll('rect')` and `d3.scaleBand` for the categorical country axis, while a linear scale (`d3.scaleLinear`) maps population values to bar widths. Axis ticks are formatted with `d3.axisBottom` and `d3.format('.2s')` for compact notation.

Ppuppireddyarchana@gmail.com

Fork of Activity6_task1 question2

This visualization displays the top 20 countries by population in 2010, using horizontal bars to compare values. The data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles, with the y-axis ordered by descending population. The chart uses `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population scale, with axes formatted using `d3.axisBottom` and `d3.axisLeft`.

Mmaheshsachin1234@gmail.com

Activity6_Task 1.1

This visualization is a horizontal bar chart showing the populations of the top 10 countries in the year 2000, sorted in descending order. It uses a linear scale for population values and a band scale for country names, with light green bars and labeled axes. The chart is built with D3 v7, using `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, and `d3.axisLeft` to render SVG elements. Data is loaded asynchronously from a CSV file via `d3.csv` and filtered to the top 10 entries based on population.

Ssaisathvikapotluri@gmail.com

Activity 6 Task 1 Q1.1

This example shows a horizontal bar chart of the top ten countries by population in the year 2000, sorted in descending order. The visualization loads CSV data from a GitHub gist, parses and cleans numeric fields, then renders SVG rectangles using D3 v7’s scaleBand for the categorical country axis and scaleLinear for population counts. It employs modular components for the bottom and left axes, with axis labels styled via CSS classes. The data is filtered to exclude missing values before sorting and slicing.

VVarshithMurakonda@my.unt.edu

ACTIVITY6-QUESTION1

This example shows a horizontal bar chart comparing the populations of the top 10 countries in the year 2000, using light green bars on an SVG canvas. The visualization loads data from a remote CSV file via the `useData` async function, which parses and sorts the values. It uses D3 v7’s `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and `d3.axisBottom` and `d3.axisLeft` for labeled axes, with population formatted in millions. The bars themselves are appended as SVG `<rect>` elements, and the chart is styled using CSS classes from the linked stylesheet.

VVrushikaKanaparthy@my.unt.edu

Activity6_question1

A horizontal bar chart displays the population of the top ten countries in the year 2000, with bars extending from left to right. The visualization uses D3’s `scaleBand` for the y-axis to position each country and `scaleLinear` for the x-axis to map population values, with axis tick labels formatted using D3’s `format`. Data is loaded from a remote CSV file via `d3.csv`, and the chart is rendered as an SVG with React, with tooltips showing the formatted population for each bar.