Skip to main content
SimilarExport ZIP
100%

Fork of Activity-6 Q1-1.1

✓ Published1🌍 Public
Kkrishi7079@gmail.com
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from Activity-6 Task1

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.

AI-generated description
MIT Licensed

Similar vizzes

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
93% match
Loading thumbnail…

Fork of Activity6 Task_1

This bar chart displays the population of 20 countries in the year 2000, with countries listed on the y-axis and population values on the x-axis. The visualization uses `d3.scaleLinear` and `d3.scaleBand` to map data to SVG rectangles, while `d3.axisBottom` and `d3.axisLeft` generate the labeled axes. Population data is loaded from a remote CSV file via `d3.csv`, formatted with compact notation (e.g., "1.2B"), and rendered as light green bars using the SVG `rect` element.

Bbhavya.kanyadara@gmail.com
92% 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
92% match
Loading thumbnail…

Fork of activity6q1(1)

This horizontal bar chart displays the population of ten countries in the year 2000, sorted with the largest population at the top. Built with React and D3 v5, it uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, rendering SVG rectangles. Data is loaded from a CSV file using D3’s `csv` function, and axis ticks are formatted with a custom SI prefix function that converts billions to 'B'.

Ssaitejakaranam10@gmail.com
92% match
Loading thumbnail…

Fork of activity 6_Question

This chart displays the population of ten countries in the year 2000 as a horizontal bar chart, with country names on the y-axis and population values on the x-axis. The code uses React with D3 v5, employing `scaleBand` and `scaleLinear` for coordinate mapping, and renders SVG rectangles through custom `AxisBottom`, `AxisLeft`, and `Marks` components. Data is loaded from a CSV file using `d3.csv`, with population values converted from the ‘2000’ column and formatted using `d3.format`.

Ssuchigeneralpur@gmail.com
91% match
Loading thumbnail…

Fork of Activity_6 Q1.1

This bar chart shows the population of ten countries in the year 2000, with countries listed on the y-axis and population values on the x-axis. The code uses React components to render SVG elements, including custom AxisBottom and AxisLeft components for ticks and labels. It loads CSV data from a GitHub repository using d3.csv, then applies a linear scale for population and a band scale for countries. The bars are green rectangles with tooltips showing formatted population values, and the x-axis labels use d3-format to abbreviate large numbers.

Bbhavya.kanyadara@gmail.com
91% 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
91% match
Loading thumbnail…

Activity6_Q1.1

This visualization is a horizontal bar chart showing the population of the top 10 countries in the year 2000, sourced from a CSV file fetched via `d3.csv`. It uses D3 v7's `scaleLinear` and `scaleBand` to map population values and country names to the SVG canvas, with custom axis components (`AxisBottom` and `AxisLeft`) labeling the axes. Light green rectangles represent each country's population, and the data is sorted in descending order before rendering. The chart includes title and axis labels, all styled through inline SVG attributes.

MManojsai Bangaru
91% match