Activity 6 Task Q 1.2

100%

Activity 6 Task Q 1.2

✓ Published0🌍 Public

Last edited Apr 1, 2025

Created on Apr 1, 2025

This horizontal bar chart displays the 2010 population for the top 20 countries, using a light green fill for each bar. Country names appear on the y-axis, while the x-axis measures population in billions, formatted with D3’s `.format` method. The chart is built with D3 v7, using `d3.scaleLinear` and `d3.scaleBand` to map data, and renders as an SVG. Data is loaded from a CSV file hosted on GitHub, filtered to the first 20 rows.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

94% match

Loading thumbnail…

Activity6_Q1

A horizontal bar chart displays the top 20 countries by population in 2010, using green bars with value labels and a formatted axis. The chart loads CSV data from a GitHub repository via `d3.csv`, sorts and slices the dataset, then builds SVG rectangles and text elements with `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisLeft`/`d3.axisBottom` in d3.v7. Hover effects change bar color, while the x-axis uses `d3.format('.2s')` for compact population notation.

Hharinihari6791@gmail.com

92% match

Loading thumbnail…

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.

Cchowdaryhemanth14@gmail.com

91% match

Loading thumbnail…

activity 6_Task 1 Q2

This example shows a horizontal bar chart of the top 20 countries by population in 2010, sorted in descending order. Each bar’s length encodes population using a d3.scaleLinear, while country names are positioned on a d3.scaleBand axis. The visualization uses D3 v5 to append SVG rectangles, with d3.axisBottom and d3.axisLeft for labeled axes. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, and the styling uses purple bars with green axis labels in a white, card-like container.

Pperamranji

91% match

Loading thumbnail…

Activity 6_ Task 1 - Q2

This bar chart displays the populations of 20 countries for the year 2010, sourced from a CSV file. The visualization uses an SVG canvas with a linear scale for population and a band scale for country names. The code employs d3.v7 APIs such as `d3.axisBottom`, `d3.axisLeft`, `d3.scaleLinear`, and `d3.scaleBand`, along with custom modules like `Marks.js` for drawing light green bars. The x-axis is labeled "POPULATION-2010", and the chart includes a title.

Nnavyabade05@gmail.com

91% match

Loading thumbnail…

Activity6_Q2

This example shows the top 20 countries by population in 2010 as a horizontal bar chart, using a lightgreen fill for each bar. The chart is rendered with D3 v7 in an SVG container, with a linear x-scale for population values and a band y-scale for country names. Data is loaded from a CSV file via `d3.csv` and sorted in descending order before being sliced to the top 20. The axes are customized with formatted tick labels (using `d3.format` to abbreviate billions) and axis title text, and the chart redraws responsively on window resize.

Llokasaivenkatatammineedi@my.unt.edu

91% match

Loading thumbnail…

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

90% match

Loading thumbnail…

Activity 6_Task 1_2

This horizontal bar chart displays 2010 population figures for 20 countries, with countries arranged along the y-axis and population values mapped to the x-axis. The bars are rendered as light green rectangles using SVG. The implementation builds on D3 v7, employing `d3.scaleLinear` and `d3.scaleBand` for scales, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.csv` to load data from a GitHub-hosted CSV file. X-axis ticks are formatted with `d3.format` to display values in billions.

Ssairohithchada@gmail.com

90% match