Activity6_Q1.1

Llokasaivenkatatammineedi@my.unt.edu

Activity6_Q1

This horizontal bar chart displays the top 10 most populous countries in the year 2000. The visualization uses D3 v7 to load CSV data from a remote GitHub repository and render light green SVG rectangles, whose widths correspond to population values sorted in descending order. The chart employs linear and band scales for positioning, with formatted tick labels converting large numbers to abbreviated units. Axis components and marks are modularized into separate files, and margins define the plotting area within an 800×500 SVG canvas.

Activity 6 Task 1 Q1.1

This bar chart displays the top 10 countries by population in the year 2000, using a horizontal layout with light green bars. The visualization employs D3 v7 with SVG rendering, using `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. Data is loaded from a CSV file via `d3.csv`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, with tick labels formatted using `d3.format` to abbreviate large numbers, while axis titles explicitly label the population values and country names.

LLohitha Konidena

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.

Activity6_Task1_Q1.1

This horizontal bar chart displays the population of the top 10 countries in the year 2000, sorted from largest to smallest. The chart uses a light green fill for the bars, with a title above and blue tick lines on the axes. Built with D3 v7, the code uses `d3.scaleLinear` and `d3.scaleBand` for the x and y scales, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is fetched from a CSV file stored on GitHub and rendered as SVG.

MManojsai Bangaru

Activity6_Q1

This example shows a horizontal bar chart ranking the top 10 countries by population in the year 2000, drawn as an SVG using D3 v7. The chart uses `d3.scaleLinear` for the x-axis (population) and `d3.scaleBand` for the categorical y-axis (countries), with data loaded from a CSV via `d3.csv`. Green rectangles encode each value, and the axes are generated with `d3.axisBottom` and `d3.axisLeft`. The data is pre-sorted in descending order before slicing to the first 10 entries.

MMili Patel

Activity 6_ Task 1 - Q1

This bar chart displays the population of the top 10 countries in the year 2000, using light green rectangles against a labeled x- and y-axis. The visualization is rendered with D3 v7 in an SVG, where a linear scale (d3.scaleLinear) maps population counts and a band scale (d3.scaleBand) positions each country. Data is loaded from a CSV file via d3.csv, sorted by population, and filtered to the ten most populous nations. The axes are generated using d3.axisBottom and d3.axisLeft, with the x-axis formatting values in billions.

Nnavyabade05@gmail.com

Bbhavyamoturi2509@gmail.com

activity6_q1.1

This visualization is a horizontal bar chart displaying the population of the top 10 countries in the year 2000, sourced from a CSV file. The chart uses a linear scale for the population values and a band scale for the country categories, with green bars and blue tick marks. The React-based code leverages D3 version 5 modules like `scaleBand`, `scaleLinear`, and `format` to compute scales and tick formatting, rendering the chart as SVG elements.

Mmalisettisaisumanth@gmail.com

Activity - 6_Question - 1.1

This bar chart displays the top ten most populous countries in the year 2000, sorted in descending order of population. The visualization uses D3.js v5 to load CSV data from a GitHub repository, scales both axes with `d3.scaleBand` and `d3.scaleLinear`, and renders the bars as SVG rectangles. Axis ticks and labels are generated using `d3.axisLeft` and `d3.axisBottom`, with population values formatted using `d3.format`.