Skip to main content
SimilarExport ZIP
100%

Activity 6_Q 1.2

✓ Published0🌍 Public
MMannava Priyanka Chowdary
Last edited Nov 15, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This horizontal bar chart displays the populations of the 20 most populous countries in the year 2000, sorted in descending order. Built with D3 v5, it uses `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. The chart labels the axes "Population-2010" and includes a title, with tick marks styled via CSS. Data is loaded from a CSV file using `csv()` and formatted with `format('.3s')` to abbreviate large numbers.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Q 1.1

This example presents a horizontal bar chart ranking the ten most populous countries in the year 2000, sourced from a CSV file of global population data. Using D3 v5, it loads the data via `d3.csv`, scales the bars with `scaleLinear` and `scaleBand`, and renders the visualization as SVG elements. The chart includes customized axes with tick formatting and labeled titles, with bars sorted by population in descending order to highlight country rankings.

MMannava Priyanka Chowdary
93% 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
91% match
Loading thumbnail…

Activity6_Task1_Q1.1

A horizontal bar chart displays the population of the ten most populous countries in the year 2000, sorted in descending order. The visualization uses D3 v7 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file, then filtered and sorted client-side. The chart includes labeled axes, tick marks, and a title, with light green bars representing population values in billions.

MMeghana Sadhu
90% match
Loading thumbnail…

Activity6_q1

This horizontal bar chart displays the population of ten countries in the year 2000, sorted along a linear scale. Built with D3 v7, it uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and an SVG `<rect>` for each bar. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, with data loaded from a local CSV via `d3.csv`.

Vvidyagangasani@my.unt.edu
90% match
Loading thumbnail…

activity6_q1

A horizontal bar chart displays the ten most populous countries in the year 2000, with lightgreen rectangles whose lengths encode each country’s population value. The bars are sorted in descending order and labeled on the left axis. The visualization loads CSV data via d3.csv, maps and sorts the records in `useData`, then renders the chart using d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis, with axes created by d3.axisBottom and d3.axisLeft. Numeric tick labels are formatted using d3.format.

MMili Patel
90% match
Loading thumbnail…

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`.

Mmalisettisaisumanth@gmail.com
90% 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_Question-1.1

A horizontal bar chart displays the population of the top 10 countries in the year 2000, sorted with the largest population at the top. Each blue bar represents a country’s total population, with the x-axis formatted in billions and the y-axis listing country names. The visualization uses D3 v7 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` with a custom tick format. Data is loaded asynchronously from a remote CSV file using `d3.csv`.

Hhoneyravuri.711@gmail.com
89% match