activity 6_Task 1

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.

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.

activity 6_Task 1 Q1

This horizontal bar chart displays the population of the top 10 countries in 2000, using a linear scale for population values and a band scale for country names. The visualization loads CSV data from a GitHub repository, sorts it in descending order, and renders SVG bars with React. It employs d3.scaleBand, d3.scaleLinear, and d3.format for axis tick labels, converting 'G' to 'B' for billions, with hover effects and tooltips showing exact values.

SSuneelKalva@my.unt.edu

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.

Activity 6_Task 1

This horizontal bar chart displays the populations of the top 30 countries in the year 2000, sorted by country name. The visualization uses D3.js version 7 to create an SVG bar chart with light green bars, a linear x-scale for population values, and a band y-scale for country names. The code imports data from a CSV file using d3.csv and constructs the chart with modular components for axes and marks. Axis labels are formatted using d3.format to display population values in billions.

MManojsai Bangaru

Cchowdaryhemanth14@gmail.com

Activity 6_Task 1_Q1.2

This bar chart displays the 2010 population figures for the top 20 countries, sorted in descending order. The visualization uses D3 v7 with ES6 modules to load CSV data from a GitHub repository, then renders the bars as SVG rectangles. A linear x-scale encodes population values while a banded y-scale positions each country, with axes generated using d3.axisBottom and d3.axisLeft. The chart is built through modular functions for data handling, axis creation, and mark rendering.

Activity6_Task1 _1

This horizontal bar chart displays the population of ten countries in the year 2000, sorted from highest to lowest. The chart uses d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, rendering bars as SVG rectangles with a fixed coral fill. It draws axes with d3.axisBottom and d3.axisLeft, and the data is loaded from a CSV file using d3.csv. Labels for “Population - 2000” and “Countries” are added with SVG text elements.

Nnissisharon61@gmail.com

Jjahnavigummadi@my.unt.edu

Activity6_Task1

This horizontal bar chart displays the population of the top 10 countries in the year 2000. The visualization uses D3.js scales and formatting functions to map country names and population values to the layout. Built with React, the example loads data from a remote CSV file and renders the chart using SVG. Interactive tooltips are provided through the `<title>` elements on each bar, while D3's `scaleBand` and `scaleLinear` position the bars and axes.