Skip to main content
SimilarExport ZIP
100%

Fork of Activity6 Task_1

✓ Published0🌍 Public
Bbhavya.kanyadara@gmail.com
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6 Task_1

This horizontal bar chart displays the population of 20 countries in the year 2000, ranked from largest at the top to smallest at the bottom. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population values. The code builds the chart modularly through separate components: `Marks.js` draws light green rectangles, while `AxisBottom.js` and `AxisLeft.js` generate the axes with custom tick formatting that converts millions to "B" notation. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csv`.

Bbhavya.kanyadara@gmail.com
92% match
Loading thumbnail…

Fork of Fork of ACTIVITY_6_TASK1

This horizontal bar chart displays the population of the top 30 countries in 2020, with each country represented by a lightgreen bar scaled against a linear population axis. The visualization uses d3.v7 with SVG rendering, employing d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis. The code loads CSV data from a GitHub repository, formats population values with d3.format to show abbreviations like "200B", and applies margins and axis labels for clarity. Both axes include custom tick formatting and rotated text labels.

Ssravani1969@gmail.com
92% 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
92% 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…

Fork of activity6_Task1q2

This interactive bar chart displays the population of 20 countries in 2010, with each country listed on the vertical axis and its population shown as a horizontal bar length. The visualization is built using React and D3 version 5, leveraging `scaleBand`, `scaleLinear`, and the `csv` loader to fetch data from a GitHub URL. SVG rectangles represent the bars, with tooltips formatted using D3's `format` function to abbreviate large numbers (e.g., '1.2B'). Axis components are custom React elements, and the chart is rendered entirely as SVG within a React component.

Ssudheervnarasimha1@gmail.com
91% match
Loading thumbnail…

Activity6_Q1.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`.

Ddabbararakshitha@gmail.com
91% match