Skip to main content
SimilarExport ZIP
100%

Fork of Activty_6 T1

✓ Published1🌍 Public
Pperamranji
Last edited Mar 30, 2025
Created on Mar 30, 2025

This bar chart displays the population of 20 countries in 2010, with countries listed along the vertical axis and horizontal bars representing population values. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for positioning, while CSV data is loaded via `d3.csv` from a remote GitHub repository. The SVG rendering includes custom axis components and rectangles for marks, with tooltips formatted using D3’s `format` function to abbreviate large numbers.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activty_6 T1

This bar chart displays the population of 20 countries in 2010, with countries listed along the vertical axis and horizontal bars representing population values. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for positioning, while CSV data is loaded via `d3.csv` from a remote GitHub repository. The SVG rendering includes custom axis components and rectangles for marks, with tooltips formatted using D3’s `format` function to abbreviate large numbers.

Pperamranji
100% match
Loading thumbnail…

Fork of Fork of Activty_6 T1

This bar chart visualizes the top 20 countries by population in 2010, sourced from a CSV file. Built with React and D3 v5, it uses `scaleBand` for the categorical country axis and `scaleLinear` for the population axis, rendering SVG rectangles with tooltips. The code imports data via `d3.csv` and applies custom tick formatting to abbreviate large numbers.

Pperamranji
96% match
Loading thumbnail…

Fork of activity-6-a1-2

This bar chart displays the populations of 20 countries for the year 2010, using data fetched from a CSV file via the d3.csv function. The visualization renders as an SVG with React, using d3 scaleBand for the categorical y-axis and scaleLinear for the quantitative x-axis. Thick green bars represent population values, and hovering reveals tooltips via SVG title elements. The axis labels and tick formatting are built with custom React components for the bottom and left axes.

SSathishvepuri143@gmail.com
94% match
Loading thumbnail…

Activty_6_t1

A horizontal bar chart displays the 2010 population of 20 countries, sorted by name, with a green bar for each nation. Using React, the visualization builds a D3 v5 SVG with scales from `d3.scaleBand` and `d3.scaleLinear`. Population values are formatted with `d3.format` (converting gigabytes to billions). The code imports data via `d3.csv`, renders axes via custom React components, and includes a tooltip showing the formatted value on each bar.

Pperamranji
93% match
Loading thumbnail…

Fork of ACT 6 Q1.1

This interactive bar chart displays the population figures for 20 countries in 2010, using a horizontal layout with country names on the y-axis and population values on the x-axis. Built with React and D3 v5, the visualization loads data from a remote CSV file using `d3.csv` and renders SVG rectangles. The code leverages `scaleBand` for the categorical y-axis and `scaleLinear` for the numerical x-axis, with formatted tick labels using `d3.format`.

Ppavithranamburi24@gmail.com
93% match
Loading thumbnail…

Fork of Activity6-1 Q1.2

A horizontal bar chart displays the 2010 population of 20 countries, with bars extending from a shared left axis. The chart uses React to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` mapping country names and population values. Data loads asynchronously from a CSV file via D3’s `csv` function, and the x-axis labels are formatted with a SI prefix that converts gigabytes to billions.

Aaadesh.pranesh@gmail.com
93% match
Loading thumbnail…

Fork of Activity6_1.1

This horizontal bar chart displays the populations of ten countries for the year 2000. Each bar’s length encodes the population value, with a linear scale on the x-axis and a categorical band scale for countries on the y-axis. The visualization is built with React and D3 v5, creating SVG marks and axes. It uses `scaleBand`, `scaleLinear`, and `format` to render the chart, and data is sourced from a CSV file via a custom `useData` hook.

Aa9.hemraj@gmail.com
93% match
Loading thumbnail…

Fork of activity 6_ Q1.1

This bar chart displays the populations of 30 countries in 2020, ordered along a vertical band scale. Each bar’s length encodes population via a linear scale, with axis ticks formatted in billions and a labeled horizontal axis. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` from D3 for scales and `csv` to load data from a GitHub-hosted CSV. SVG rendering is handled through React components, with tooltips provided by native `<title>` elements.

Kkowshiksamudrala08@gmail.com
93% match