Skip to main content
SimilarExport ZIP
100%

Activity 6 task1-Q1

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

This example visualizes the population of 10 African countries in the year 2000 as a horizontal bar chart, with bars rendered as purple rectangles and population values formatted in millions along the x-axis. The visualization uses d3.v6 with a scaleLinear for the population axis and scaleBand for the categorical country names, drawing SVG elements directly. Data is loaded asynchronously via a useData module returning a static array, and axes are generated using d3.axisBottom and d3.axisLeft, with y-axis labels rotated and x-axis labeled "POPULATION – 2000".

AI-generated description
MIT Licensed

Similar vizzes

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

Activity 6 Task 1 Q1.1

This example shows a horizontal bar chart of the top ten countries by population in the year 2000, sorted in descending order. The visualization loads CSV data from a GitHub gist, parses and cleans numeric fields, then renders SVG rectangles using D3 v7’s scaleBand for the categorical country axis and scaleLinear for population counts. It employs modular components for the bottom and left axes, with axis labels styled via CSS classes. The data is filtered to exclude missing values before sorting and slicing.

Ssaisathvikapotluri@gmail.com
89% match
Loading thumbnail…

Activity 6_ Task 1 - Q1

This bar chart displays the population of the top 10 countries in the year 2000, using light green rectangles against a labeled x- and y-axis. The visualization is rendered with D3 v7 in an SVG, where a linear scale (d3.scaleLinear) maps population counts and a band scale (d3.scaleBand) positions each country. Data is loaded from a CSV file via d3.csv, sorted by population, and filtered to the ten most populous nations. The axes are generated using d3.axisBottom and d3.axisLeft, with the x-axis formatting values in billions.

Nnavyabade05@gmail.com
88% match
Loading thumbnail…

Activity 6_ Task 1 - Q2

This bar chart displays the populations of 20 countries for the year 2010, sourced from a CSV file. The visualization uses an SVG canvas with a linear scale for population and a band scale for country names. The code employs d3.v7 APIs such as `d3.axisBottom`, `d3.axisLeft`, `d3.scaleLinear`, and `d3.scaleBand`, along with custom modules like `Marks.js` for drawing light green bars. The x-axis is labeled "POPULATION-2010", and the chart includes a title.

Nnavyabade05@gmail.com
88% match
Loading thumbnail…

Activity 6 Task 1 Q1.1

This bar chart displays the top 10 countries by population in the year 2000, using a horizontal layout with light green bars. The visualization employs D3 v7 with SVG rendering, using `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. Data is loaded from a CSV file via `d3.csv`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, with tick labels formatted using `d3.format` to abbreviate large numbers, while axis titles explicitly label the population values and country names.

LLohitha Konidena
88% 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
88% match
Loading thumbnail…

Fork of Activity 6 task1-Q2

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

Ssahithitoomu@gmail.com
88% match