Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Activity6_Question1.2

✓ Published0🌍 Public
Mmaneeshraja47@gmail.com
Last edited Oct 30, 2025
Created on Oct 30, 2025

This bar chart ranks the 20 most populous countries based on 2010 population data, sourced from a remote CSV file. The visualization displays horizontal bars ordered by country, with a linear x-axis scaled in billions and a categorical y-axis for country names. Built with React and D3 v5, it uses `scaleLinear` for the quantitative axis, `scaleBand` for the categorical axis, and renders vector graphics through SVG with custom tick formatting that converts gigabytes to billions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity 6_Question1b

This bar chart displays the population of 20 countries in 2010, ordered along the vertical axis with horizontal bars extending to represent each country’s population. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with bars rendered as SVG rectangles via the `Marks` component. Data is loaded asynchronously from a CSV file using `d3.csv`, and axis ticks are formatted with `d3.format` to abbreviate large numbers (e.g., converting billions).

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

Fork of Activity6_Question1.1

This visualization presents a horizontal bar chart showing the population of various countries in the year 2000. The chart displays the top 10 countries by population, with the data loaded from a CSV file using d3.csv. The visualization is built with React and D3 v5, using scaleBand and scaleLinear to create the layout, while SVG rectangles render the bars. Axes are constructed using custom React components, and a d3 format function converts large numbers into abbreviated labels like "B" for billions.

Mmaneeshraja47@gmail.com
93% match
Loading thumbnail…

Fork of Activity 6_Question1 1.2

This bar chart displays the population of the top 20 countries in 2010, ranked and sorted by country. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to map data to an SVG canvas, rendering bars via custom `Marks`, `AxisBottom`, and `AxisLeft` components. The data is fetched from a CSV using `d3.csv` and formatted with `d3.format` to abbreviate large numbers. Styling includes custom tick lines, fill colors, and a Poppins font.

HHarshita Vairagade
93% match
Loading thumbnail…

Fork of Fork of Fork of Activity 6

This interactive bar chart displays the 20 most populous countries in 2010, plotting population counts along a horizontal axis against country names on the vertical axis. Built with React and D3 v5, the visualization uses SVG rendering with custom components for axes and marks, pulling data from a remote CSV file. The chart formats population values in billions and includes hover tooltips, with the code demonstrating modular component reuse and D3’s scaleBand and scaleLinear APIs for layout.

KKritin Kesav
92% match
Loading thumbnail…

Fork of Activity6_Question1

This chart displays the populations of ten countries in 2020 as horizontal bars, ranked along a categorical y-axis. Population values are encoded as bar lengths. The visualization uses React for rendering and D3 version 5 modules including `scaleBand`, `scaleLinear`, `format`, and `csv` for data loading. The data comes from a CSV file hosted on GitHub, with values multiplied by 1000. The SVG is built from custom React components for axes and marks.

Ssaimanvith22@gmail.com
92% match
Loading thumbnail…

Fork of Fork of activity 6 q1.2

This visualization displays a horizontal bar chart of population data for the top 20 countries in 2010, sorted in descending order. The chart uses D3.js (v5) with React to render SVG rectangles, where bar length encodes population values and the y-axis lists country names. The code employs `scaleBand` and `scaleLinear` from D3 for axes, with data loaded from a CSV via `d3.csv`. Axis ticks are styled with yellow lines, and tooltips show formatted population values when hovering over bars.

RRakesh Yadav
92% match
Loading thumbnail…

Fork of Activity6_Question1_2

This horizontal bar chart displays the populations of 20 countries for the year 2010, sorted by country name. The viz uses React with D3.js v5, importing `scaleBand`, `scaleLinear`, and `format` from the D3 library. The data is fetched as a CSV from a GitHub repository via D3’s `csv` function. The chart renders as an SVG, with bars colored orange, blue tick lines, and tooltips showing formatted population values (e.g., "1.23B").

CChandra Prakash Reddy Kalwakolu
92% match
Loading thumbnail…

Fork of Activity-6_Question1.2

This horizontal bar chart displays the population of the first 20 countries in 2010, with countries listed on the y-axis and population values on the x-axis. The visualization uses React with D3 v5 to load data from a CSV file, and renders the bars as SVG rectangles. The code uses d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and a custom d3.format('.2s') to abbreviate population values, while tooltips show the exact formatted values.

Aabdul.khader2899@gmail.com
92% match