Skip to main content
SimilarExport ZIP
100%

Fork of Activity 6 task1-Q2

✓ Published1🌍 Public
Ssahithitoomu@gmail.com
Last edited Mar 30, 2025
Created on Mar 30, 2025

This visualization shows the top 20 countries by population in 2010 using a horizontal bar chart. The SVG rendering uses D3 v6’s `scaleLinear` and `scaleBand` to map population values and country names to bar lengths and vertical positions. The bars are dark green and turn orange on hover. Axes are drawn with `axisBottom` and `axisLeft`, with tick labels formatted using D3’s `.2s` format, and the data is sourced from a static array returned by `getPopulationData`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Q2

This chart displays the top 20 countries by population in 2010, using a horizontal bar chart rendered as an SVG. Countries are sorted in descending order along the y-axis, with bar lengths proportional to population on a linear scale and formatted numerical labels shown at each bar's end. The visualization is built with D3 v7, using `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis, along with `d3.axisLeft` and `d3.axisBottom` for axes. Data is loaded from a remote CSV file, filtered to the 2010 column, and styled with light green bars that darken on hover.

Hharinihari6791@gmail.com
93% match
Loading thumbnail…

Fork of Activity 6 task1-Q2

This visualization displays a horizontal bar chart of the population of ten African countries in the year 2000, with bars rendered as purple rectangles using D3 v6’s SVG API. It uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate axes. Population values are formatted in millions, y-axis labels are rotated, and inline data is loaded asynchronously via `useData` and `d3.select`. The chart emphasizes readability with increased margins and axis labels.

Ssahithitoomu@gmail.com
92% match
Loading thumbnail…

Fork of Activity6_population q2

This bar chart displays the top 20 countries by population in 2010, sorted in descending order. It uses D3.js v7, loaded via a CDN in the HTML. The visualization fetches data from a CSV file hosted on GitHub, processes it with `d3.csv`, and sorts it before selecting the top 20 entries. The chart is rendered as an SVG using `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleBand` for the y-axis. Bars are drawn as `rect` elements with a width mapped by `d3.scaleLinear` and are colored `steelblue`.

Iibrahimpatnamrohit1990@gmail.com
91% match
Loading thumbnail…

Fork of Activity6_task1 question2

This visualization displays the top 20 countries by population in 2010, using horizontal bars to compare values. The data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles, with the y-axis ordered by descending population. The chart uses `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population scale, with axes formatted using `d3.axisBottom` and `d3.axisLeft`.

Ppuppireddyarchana@gmail.com
90% match
Loading thumbnail…

Fork of Activity 6_Task 1

This bar chart displays the 2020 population for the top 30 countries, sorted along a horizontal axis with population values and a vertical axis listing country names. The visualization uses D3 v7 to load CSV data, create a linear x-scale and band y-scale, and render light-green SVG rectangles. Axis components are built with `d3.axisBottom` and `d3.axisLeft`, with tick formatting that converts values to a concise billion/million notation (e.g., "1.2B"). The chart is generated entirely in SVG, with margins and scaling calculated in JavaScript.

Nnavyabade05@gmail.com
90% match
Loading thumbnail…

Fork of activity 6_Task 1 Q2

This chart displays the populations of 20 countries in 2010 using a horizontal bar chart. The bars are ordered from largest to smallest population, with countries on the y-axis and population values on the x-axis. The visualization is built with D3 v5, using `d3.scaleLinear` and `d3.scaleBand` for axis scaling, while `d3.axisBottom` and `d3.axisLeft` create the axes. Data is loaded asynchronously from a CSV file with `d3.csv` and rendered as SVG rectangles.

Pperamranji
89% match
Loading thumbnail…

Fork of Fork of Activity-6 Q1-1.2

This example visualizes the 2010 population of 20 countries as a horizontal bar chart, with each bar’s length encoding population magnitude. The bars are rendered as light green rectangles on an SVG canvas, using a linear x-scale and a band y-scale for country labels. Population data is loaded from a GitHub-hosted CSV via `d3.csv`. Axes are configured with `d3.axisBottom` and `d3.axisLeft`, with tick labels formatted using `d3.format` (converting millions to billions). The chart is built modularly with separate JavaScript files for axes and marks, all orchestrated in `index.js`.

Kkrishi7079@gmail.com
89% match
Loading thumbnail…

Fork of Activity6_Task1

This bar chart displays the top 20 countries by population in 2010, with countries listed on the y-axis and population on the x-axis. The visualization uses React to render SVG elements, with D3 v5's `scaleBand` and `scaleLinear` for axis scaling. The `Marks.js` component creates the orange bars, while `AxisBottom.js` and `AxisLeft.js` generate the axes. Data is loaded asynchronously from a CSV file using D3's `csv` function, and hover effects show precise population values via SVG `<title>` tooltips.

IILYAS AHMED
89% match