Skip to main content
SimilarExport ZIP
100%

Activity6_Task2(question 1)

✓ Published0🌍 Public
SSowjanya Devupalli
Last edited Oct 17, 2024
Created on Oct 17, 2024
Forked from Simple Bar Chart

This bar chart displays the top 10 most populous countries as of January 1, 2024, using a vertical bar layout with axes labeled for country names and population in thousands. The visualization fetches data from the UN population estimates dataset via `@curran/un-population-estimates-2024`, filters for country entries, and sorts them in descending order. It renders with D3 scales (`scaleBand` and `scaleLinear`) and includes axis labels from the `@curran/axis-labels` library. The chart uses standard SVG rectangles for bars and a light gray inner rectangle background.

AI-generated description

A bar chart showing the top 10 most populous countries on Earth as of January 1st 2024.

Challenge

  • Fork this viz and modify it to show your own data
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2(Question 1)

This bar chart visualizes the top 10 most populous countries using data from the United Nations World Population Prospects 2019. The horizontal bars are sorted by population, with country names on the y-axis and population values on the x-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for axes, `csv` for data loading, and renders SVG `rect` elements via the `Marks` component. The chart applies a custom Poppins font, teal bar color, and axis tick styling for a polished presentation.

SSowjanya Devupalli
92% match
Loading thumbnail…

activity6_question2

This example displays a bar chart of the top 10 most populous countries as of January 1, 2024. The data comes from the UN population estimates, filtered to Country/Area types and sorted descending by total population. The visualization uses D3.js APIs `scaleBand`, `scaleLinear`, and `axisLeft` to construct the chart, with the `viz` function applying margins, an inner rectangle fill, and axis labels. The chart shows each country's population in thousands along the y-axis, with bars representing values from the dataset.

Aakitisaitejareddy@gmail.com
91% match
Loading thumbnail…

Activity6_Task1

This bar chart displays the 2020 population estimates for the top 30 countries, sorted by country name along the vertical axis. Horizontal bars extend from the y-axis, with bar length proportional to population magnitude. Using d3.v6, the visualization employs d3.scaleLinear for the x-axis, d3.scaleBand for categorical y-axis spacing, and d3.axisBottom/axisLeft for tick marks. Data loads asynchronously via d3.csv from a GitHub gist, with marks rendered as SVG rectangles filled in steelblue.

Ssivachandraramanaidu.vnof52@gmail.com
88% match
Loading thumbnail…

Activity6_Task-1

This bar chart displays the population estimates for the top 30 countries in 2020, sorted along a horizontal axis with country names on the vertical axis. The visualization uses D3 v7’s scaleLinear and scaleBand to map population values to bar widths and categories to vertical positions, rendered as SVG rectangles. Data comes from a CSV file loaded via d3.csv, with axis labels formatted using d3.format to abbreviate large numbers like millions and billions.

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

Activity6_task1_question2

This horizontal bar chart displays the top 20 countries by population in 2010, sorted in descending order with population values mapped to bar length. The visualization uses D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with `d3.axisLeft` and `d3.axisBottom` rendering the axes. Data is loaded asynchronously via `d3.csv` from a remote gist, and the bars are drawn as SVG `rect` elements. Population values are formatted using `d3.format('.2s')` for compact tick labels.

Ssivachandraramanaidu.vnof52@gmail.com
88% match
Loading thumbnail…

Activity 6_task1_question1

This example displays a horizontal bar chart showing the top 10 most populated countries in the year 2000, sorted in descending order by population. The visualization uses d3.csv to load population data from a GitHub-hosted CSV file, then filters and sorts the dataset. Bars are rendered as SVG rectangles using D3 v7’s scaleLinear for the x-axis and scaleBand for the categorical y-axis. Axes are added with d3.axisBottom and d3.axisLeft, with labels for population and country.

Cchandrikachowdary867@gmail.com
87% match
Loading thumbnail…

Activity_6 Q-1

This bar chart displays the top 10 most populous countries in 2000, using data from the United Nations World Population Prospects 2019. Horizontal bars use vibrant orange against a light background, with population values shown along the x-axis in billions. The visualization is built with React and D3 v5, employing `scaleBand` for the categorical country axis and `scaleLinear` for the numeric population scale. SVG rectangles render the marks, with axes generated through custom `AxisBottom` and `AxisLeft` components using D3's `format` for tick labels.

Kkrishna444battula@gmail.com
87% match
Loading thumbnail…

activity6_Task1.2

This bar chart displays the population figures for the top 20 countries in 2020, presented in descending order along a horizontal axis. Each country is represented by a light green rectangle, with the population values read from a CSV dataset hosted on GitHub. The visualization is built using D3.js v7, leveraging `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. The axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with custom tick formatting that abbreviates large numbers using suffixes like "B" for billions.

Ssaikarthiknimmagadda@gmail.com
87% match