Skip to main content
SimilarExport ZIP
100%

Activity6_population_Qn2

✓ Published0🌍 Public
Pparmuriat@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

This horizontal bar chart shows the populations of 20 countries in 2010, ordered from largest to smallest. The visualization uses D3 v7 with an SVG rendering approach, fetching data from a GitHub-hosted CSV file. It employs `scaleLinear` for the population axis, `scaleBand` for country categories, and custom styled grid lines drawn with SVG elements. The chart displays blue bars with formatted tick labels using `d3.format` and includes axis labels for both country names and population values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_population_Qn1

This horizontal bar chart displays the top 10 countries by population in the year 2000, using a light blue fill for each bar. The visualization is built with D3 v7, fetching CSV data from a GitHub repository via `fetch` and `d3.csvParse`, then sorting and slicing the dataset. The code uses `scaleLinear` and `scaleBand` for the x and y axes, respectively, and renders SVG rectangles with drop lines and axis labels generated by `d3.axisBottom` and `d3.axisLeft`.

Pparmuriat@gmail.com
92% 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_q1.2

This visualization displays population figures for 20 countries in 2010 as a horizontal bar chart rendered with SVG. The chart uses D3 scales (scaleBand for the y-axis, scaleLinear for the x-axis) to position bars, with axes generated via the AxisBottom and AxisLeft components. Data is loaded from population values in a CSV file, which are multiplied by 1,000, and formatted with D3's format function to abbreviate large numbers as billions.

Ssaibharath7thota@gmail.com
91% match
Loading thumbnail…

Activity6_population_Q1.2

This example presents a horizontal bar chart comparing the 2010 populations of 20 countries, with bars sorted alphabetically by country name. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. Population values are derived from a CSV dataset and formatted in billions using D3’s `format` function. The SVG rendering includes custom axis components, tick marks, and hover tooltips generated via SVG `<title>` elements.

PPothuguntla Pranitha
91% match
Loading thumbnail…

Activity6_Q 1.2

A horizontal bar chart displays the 20 most populous countries in 2010, sorted in descending order, using steelblue bars. The chart is rendered as an SVG with D3 v7, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Population data is loaded from a remote CSV file via `d3.csv`.

Ddabbararakshitha@gmail.com
90% match
Loading thumbnail…

activity6_q2

This horizontal bar chart displays the top 20 countries by population in 2010, using the d3.scaleBand and d3.scaleLinear API to map country names and population values to SVG rectangles. The data is loaded via d3.csv from a Gist, then sorted and filtered. The chart includes axes from AxisBottom and AxisLeft, with a lightgreen fill for each bar and dynamic tick formatting that converts large numbers to billions.

MMili Patel
90% match
Loading thumbnail…

Activity-6_Question-1.2

This bar chart displays population figures for 20 countries from a 2010 dataset, ordered along a vertical categorical axis with horizontal bars extending proportionally to population values. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data loads asynchronously from a CSV file via `d3.csv`, with bars drawn using SVG `rect` elements filled in red.

Hhoneyravuri.711@gmail.com
90% match
Loading thumbnail…

Activity6_population_Q1.2

This visualization displays the population of 20 countries in 2010, using horizontal bars to compare values. Built with React and rendered as an SVG, the chart uses D3 v5 functions like `scaleBand` and `scaleLinear` for axes, and `format` to abbreviate tick labels. Data is loaded from a CSV file via `csv()`, and tooltips reveal each bar’s exact population.

Sshettisowmya01@gmail.com
90% match