Skip to main content
SimilarExport ZIP
100%

Activity6_Q1.2

✓ Published0🌍 Public
Ddabbararakshitha@gmail.com
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from activity6_Task1.2

This D3.js v7 bar chart visualizes the population of 20 countries for the year 2000, sorted along a linear x-axis scale. Each country is represented by a light green rectangle, with its length proportional to population, using `d3.scaleLinear` and `d3.scaleBand` for positioning. The chart renders as an SVG, with axes annotated via `d3.axisBottom` and `d3.axisLeft`, including tick labels formatted to show millions and billions. Population data is fetched asynchronously from a CSV file using `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

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

activity6_question1.2

This bar chart displays the 2010 populations of 20 countries, with each country's population represented by the length of a light green horizontal bar. The visualization uses D3 v7 to create a linear x-scale for population values and a banded y-scale for country names, with data loaded from a CSV file. Axis components format population tick labels using d3.format to show values in billions (e.g., "1.2B"), and the chart includes labeled axes for both population and country.

Sshreshikaveerannagari@gmail.com
91% match
Loading thumbnail…

Activity6_q1

This D3 bar chart displays the population of ten countries for the year 2000, using horizontal bars sorted by country name. The visualization loads CSV data via `d3.csv` from a GitHub repository, then renders an SVG with React, applying a linear scale to the population axis and a band scale to the categorical country axis. Bars are styled with a light green fill, and tooltips, formatted with `d3.format` to show values in billions, appear on hover.

Jjahnavigummadi@my.unt.edu
91% match
Loading thumbnail…

Activity6_task 1

This horizontal bar chart displays the population of ten countries in the year 2000, with light green bars extending along a linear scale from left to right. The chart uses D3 v7 to load CSV data from a GitHub repository, with `d3.scaleLinear` mapping population values to the x-axis and `d3.scaleBand` positioning countries on the y-axis. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, while tick labels on the x-axis are reformatted to abbreviate millions as "B" (e.g., 200M to 200B). The SVG rendering includes custom axis labels for "POPULATION-2000" and "Countries."

Ssairohithchada@gmail.com
91% match
Loading thumbnail…

Activity_6 Q1.1

This horizontal bar chart displays the population of ten countries in the year 2000, with bars extending rightward from a shared baseline. The visualization uses React to render an SVG, with D3’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Colored green with blue tick lines, each bar includes a tooltip showing the formatted population value (e.g., “1.2B”). The data is loaded from a remote CSV using D3’s `csv` parser, which multiplies the raw values by 1000 to obtain the final population figures.

Ddabbararakshitha@gmail.com
91% match
Loading thumbnail…

Activity6 Q1

This visualization displays the population of 10 countries in the year 2000 as a bar chart using D3 v7. The chart loads CSV data from a GitHub repository, filters for the year 2000, and takes the first 10 records. It uses d3.scaleBand for the categorical x-axis, d3.scaleLinear for the population y-axis, and renders steelblue bars in an SVG container. The code includes rotated x-axis labels and axis titles for Country and Population.

Kkamalini.ponnuru11@gmail.com
91% match