Skip to main content
SimilarExport ZIP
100%

Fork of act6_Q1.1_11719493

✓ Published1🌍 Public
Ssravani1969@gmail.com
Last edited Mar 28, 2025
Created on Mar 28, 2025
Forked from act6_Q1.1_11719493

This bar chart displays the top 10 countries by population in the year 2000, sorted in descending order. It uses d3.csv to load the data, then d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis. The chart renders SVG rectangles with a light green fill via d3.selectAll and data joins. Axes are drawn using d3.axisBottom and d3.axisLeft, with a rotated y-axis label. The code is structured as separate ES modules for data loading, axes, and marks.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of act6_Q1.1_11719493

This visualization is a horizontal bar chart showing the population of the top 10 most populated countries in the year 2000. The bars are rendered as light green rectangles using SVG, with a linear scale for the population values on the x-axis and a band scale for the countries on the y-axis. The chart uses D3 v7, specifically `d3.axisBottom`, `d3.axisLeft`, `d3.scaleLinear`, and `d3.scaleBand`, to construct the axes and marks. Data is loaded from a remote CSV file via `d3.csv`, then processed and sorted before display.

Ssravani1969@gmail.com
93% match
Loading thumbnail…

act6_Q1.1_11719493

This visualization is a horizontal bar chart that displays the top 10 countries by population in the year 2000, sorted in descending order. The chart uses light green bars to represent population values, with a linear x-axis scaled to the maximum population and a banded y-axis for country names. The visualization is built with D3.js v7 and rendered as an SVG. It loads data from a remote CSV file using `d3.csv`, then processes it by mapping and sorting the records. The axes are created using `d3.axisBottom` and `d3.axisLeft`, with tick labels formatted using `d3.format`. The bars are drawn using SVG `rect` elements positioned according to the x and y scales.

Ssravani1969@gmail.com
93% match
Loading thumbnail…

act6_Q1.1_11719493

This horizontal bar chart displays the top 10 most populous countries in the year 2000. The chart uses a linear x-axis for population values and a categorical y-axis for country names. Built with D3 v7 in an SVG framework, it loads data from a CSV file containing population statistics. The bars are rendered as light green rectangles, with axis components created using d3.axisBottom and d3.axisLeft. The x-axis labels format large numbers by abbreviating billions with the letter 'B'.

Ssravani1969@gmail.com
91% match
Loading thumbnail…

act6_Q1.1_11719493

This horizontal bar chart displays the top 10 most populous countries in the year 2000. The chart uses a linear x-axis for population values and a categorical y-axis for country names. Built with D3 v7 in an SVG framework, it loads data from a CSV file containing population statistics. The bars are rendered as light green rectangles, with axis components created using d3.axisBottom and d3.axisLeft. The x-axis labels format large numbers by abbreviating billions with the letter 'B'.

Ssravani1969@gmail.com
91% match
Loading thumbnail…

act6_Q.2_11719493

A horizontal bar chart ranks the top 20 countries by 2010 population, using light green bars sorted in descending order. The chart reads population values from a CSV file hosted on GitHub, formatting the x-axis with abbreviations (e.g., "B" for billions) via d3.format. The visualization is built with D3 v7, using d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisBottom/d3.axisLeft for axes, rendered as SVG. The view automatically updates on window resize.

Ssravani1969@gmail.com
90% match
Loading thumbnail…

act6_Q.2_11719493

A horizontal bar chart ranks the top 20 countries by 2010 population, using light green bars sorted in descending order. The chart reads population values from a CSV file hosted on GitHub, formatting the x-axis with abbreviations (e.g., "B" for billions) via d3.format. The visualization is built with D3 v7, using d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisBottom/d3.axisLeft for axes, rendered as SVG. The view automatically updates on window resize.

Ssravani1969@gmail.com
90% match
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
89% match
Loading thumbnail…

Fork of Activity-6 Q1-1.1

This horizontal bar chart visualizes the population of ten countries in the year 2000. Sorted bars extend from the left, with light green rectangles representing each nation's population value, while the y-axis lists country names and the x-axis displays population counts. Built with D3 v7, the visualization uses `d3.axisBottom` and `d3.axisLeft` for axes, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the quantitative x-axis. Data is loaded asynchronously from a CSV file via `d3.csv`, and the SVG rendering is generated through separate modules for axes, marks, and data fetching.

Kkrishi7079@gmail.com
89% match