Skip to main content
SimilarExport ZIP
100%

Activity6_quiz 1.2

✓ Published0🌍 Public
Ssreejabommineni1506@gmail.com
Last edited Apr 22, 2025
Created on Apr 22, 2025
Forked from Activity6_quiz 1.1

A horizontal bar chart ranks the world's top 20 most populous countries by their 2010 population, using a teal fill for each bar. Built with React and D3 v7, the chart uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, formatting tick labels as millions. It loads a CSV dataset from a GitHub gist, with fallback sample data if fetching fails, and renders the visualization as an SVG with custom axis components.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_quiz 1.1

This visualization shows a horizontal bar chart comparing the populations of the top 10 countries in the year 2000, sorted in descending order to highlight the most populous nations. The chart uses React components with D3 v7 scales—specifically `scaleLinear` for the x-axis and `scaleBand` for the y-axis—to map population values to bar widths and country names to bands. Data is loaded from a CSV file via `d3.csv` with a fallback to inline sample data, and bars are rendered as SVG rectangles with teal fill.

Ssreejabommineni1506@gmail.com
94% match
Loading thumbnail…

Activity 6_Question 1

A horizontal bar chart displays the populations of the top ten countries in 2020, ranked by country name. The chart uses D3 v5 scales, including `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with values formatted to billions using `d3.format`. React renders the SVG elements, while D3’s `csv` loads and parses the population data from a GitHub-hosted CSV file. Each bar includes a native SVG `<title>` element for tooltips.

Aanusha.chilkamarri26@gmail.com
89% match
Loading thumbnail…

Activity_6_Q_2

A horizontal bar chart displays the 2010 population of 20 countries, with bars ranked by country name on the y-axis and population in billions on the x-axis. The visualization uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` for positioning and `csv` from D3 to load the dataset from a GitHub URL. Axis components generate ticks, while rectangle marks include tooltips via SVG `<title>` elements.

Aadapasaidivya99@gmail.com
89% match
Loading thumbnail…

Activity6_Q1.2

A horizontal bar chart displays the top 20 countries by 2010 population, sourced from a CSV file loaded with `d3.csv`. React renders SVG rectangles whose widths are scaled linearly by population via `scaleLinear`, while `scaleBand` positions categorical country labels on the y-axis. Axis components use D3 tick formatting with `.2s` to abbreviate billions, and each bar includes a native SVG `<title>` tooltip showing the formatted value.

LLakshmiDeepikaPagadala@my.unt.edu
89% match
Loading thumbnail…

Activity6_Task1

This horizontal bar chart displays the populations of up to thirty countries, sorted from largest to smallest, with a teal fill for each bar. Built with React and D3 v7, it renders as an SVG, using `scaleLinear` for the population axis and `scaleBand` for the categorical country axis. The data is loaded from a CSV file via `d3.csv`, with a fallback to sample data if the fetch fails. Axis ticks are formatted to display millions (e.g., "1M").

Ssreejabommineni1506@gmail.com
89% match
Loading thumbnail…

Activity6_Question1.2

This example displays a horizontal bar chart ranking 20 countries by their 2010 population, using data from a CSV file loaded via d3.csv. It renders bars as SVG rectangles inside a React component, with d3.scaleBand mapping country names to y-axis positions and d3.scaleLinear mapping population values to bar widths. The chart includes formatted axis ticks via d3.format, a bottom axis label, and tooltips showing each bar’s value through SVG <title> elements.

Mmohanalaharic@gmail.com
89% match
Loading thumbnail…

Activity 6_Q2

A horizontal bar chart displays the 2010 populations of the top 20 countries, sorted from largest to smallest. The visualization uses a D3 scaleBand for the categorical y-axis and a scaleLinear for the numerical x-axis, with population values formatted using the D3 `format` function to abbreviate large numbers. React functional components render the SVG axes and marks, with a native SVG `<title>` element providing hover tooltips. Data is loaded asynchronously from a CSV file via the `d3.csv` method, filtering and sorting the dataset before rendering the bars.

SSrihith Reddy Gaddam
89% match
Loading thumbnail…

Activity6_Question1.2

A horizontal bar chart displays the 2010 population of twenty countries, ordered by country name, using green bars on an SVG canvas. The chart is built with React and D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Axis components are modular ES6 files, with bottom ticks formatted using `format`. Data is loaded asynchronously via `csv` from a GitHub-hosted dataset, and interactive tooltips show population values on hover.

Ddandudivya98@gmail.com
89% match