Skip to main content
SimilarExport ZIP
100%

activity6_tutorial 1 task 2

✓ Published0🌍 Public
Nnissisharon61@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

This example shows the 2010 population for the first 20 countries from a CSV file as a horizontal bar chart, with light-green bars sorted by country name. The chart uses D3 v7's `scaleLinear` and `scaleBand` for axes, `axisBottom` and `axisLeft` for tick marks, and `csv` to asynchronously load the data from a GitHub gist. Each bar is drawn as an SVG `rect`, with the x-axis labeled "POPULATION – 2010" and the y-axis "Countries".

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6 tutorial 1 task 1

This example presents a horizontal bar chart comparing the populations of ten countries in the year 2000. The visualization uses D3 v7 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes. The data is loaded asynchronously from a CSV file using `d3.csv`. Rectangular marks are colored light green, with axis labels formatted to abbreviate large population values.

Nnissisharon61@gmail.com
91% match
Loading thumbnail…

activity 6_Task 1-2

This example shows a horizontal bar chart comparing the populations of 20 countries in 2010, sorted in descending order. The chart uses D3 v5 to create an SVG visualization, with `d3.scaleLinear` mapping population values to the x-axis and `d3.scaleBand` positioning countries along the y-axis. The data is loaded from a CSV file via `d3.csv`, with the population column parsed and filtered to the top 20 entries. Rice-shaped bars are rendered using SVG rectangles, with axis labels and styling applied through CSS classes.

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

Activity6_Task1 _1

This horizontal bar chart displays the population of ten countries in the year 2000, sorted from highest to lowest. The chart uses d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, rendering bars as SVG rectangles with a fixed coral fill. It draws axes with d3.axisBottom and d3.axisLeft, and the data is loaded from a CSV file using d3.csv. Labels for “Population - 2000” and “Countries” are added with SVG text elements.

Nnissisharon61@gmail.com
88% match
Loading thumbnail…

activity6_Task1.1

This horizontal bar chart displays the population of ten countries in the year 2000, with light green bars extending from a left-aligned y-axis of country names to an x-axis of population values. The visualization uses D3 v7 to load CSV data via `d3.csv`, scale the values with `scaleLinear` and `scaleBand`, and render axes with `d3.axisBottom` and `d3.axisLeft`. Axis labels are annotated, and the bottom axis formats population values using `d3.format`, abbreviating millions as "B".

Ssaikarthiknimmagadda@gmail.com
88% match
Loading thumbnail…

Activity6_Task 1.2

This example displays a horizontal bar chart comparing the 2010 populations of 20 countries. The chart uses a linear scale for population on the x-axis and a band scale for countries on the y-axis, with each bar rendered as a light green rectangle. Built with D3 v7, the visualization renders as SVG and explicitly constructs axes and marks through modular functions. The left axis lists country names, while the bottom axis formats population values in billions using a tick formatter. Data is loaded asynchronously from a CSV URL via `d3.csv`.

Mmaheshsachin1234@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_2

This horizontal bar chart displays 2010 population figures for 20 countries, with countries arranged along the y-axis and population values mapped to the x-axis. The bars are rendered as light green rectangles using SVG. The implementation builds on D3 v7, employing `d3.scaleLinear` and `d3.scaleBand` for scales, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.csv` to load data from a GitHub-hosted CSV file. X-axis ticks are formatted with `d3.format` to display values in billions.

Ssairohithchada@gmail.com
88% match