Skip to main content
100%

Activity6 1.2

✓ Published0🌍 Public
Aa9.hemraj@gmail.com
Last edited Oct 30, 2025
Created on Oct 30, 2025

This interactive bar chart displays the 2010 population of 20 countries, with each bar’s length encoded by a linear scale and countries arranged on a categorical band scale. It uses React with D3 v5 scales and SVG rendering, loading CSV data from a GitHub URL. The bottom axis formats tick labels with D3’s `format` (abbreviating billions as “B”), while the left axis lists country names. Marks are colored green, and hover tooltips show exact population values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6

This bar chart displays the population of 20 countries for the year 2010, sorted by country name along the y-axis. The visualization uses React with D3 v5 scales, rendering an SVG with colored horizontal bars. D3’s `scaleBand` and `scaleLinear` map country names and population values, while the tick format converts values to billions. Data is loaded from a remote CSV via D3’s `csv` method, and interactive tooltips appear on each bar using SVG `<title>` elements.

Bbhargavipagolu2025@gmail.com
94% match
Loading thumbnail…

Activity 6

This bar chart displays the populations of 20 countries in 2010, sorted vertically by country name with proportional horizontal bars. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the continuous x-axis, and renders SVG rectangles via reusable AxisBottom, AxisLeft, and Marks components. Population values are parsed from a CSV file using `d3.csv`, formatted with `d3.format`, and displayed with a tooltip on each bar.

Bbhavanimandula@my.unt.edu
94% match
Loading thumbnail…

activity6_1.2

A horizontal bar chart displays the 2010 population estimates for twenty countries, 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 green SVG rectangles with tooltips formatted in billions. The chart includes styled axes, a loading state, and a population label, with the D3 `csv` loader fetching and preprocessing the data.

Bbhavyamoturi2509@gmail.com
93% 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…

Activity6_Q1.2

This horizontal bar chart displays the population of 20 countries in 2010, sorted by country name. The visualization uses React with D3 v5 scales, including d3.scaleBand for the categorical y-axis and d3.scaleLinear for the continuous x-axis. Data is loaded via d3.csv from a GitHub repository and rendered as SVG rectangles with native tooltips showing formatted population values. Custom React components handle axis rendering with tick formatting that converts Giga units to Billions.

VVidya Lakshmi Chitturi
93% match
Loading thumbnail…

Activity6_q1_2

This bar chart displays the population of 20 countries in 2010, sorted by country name along the vertical axis. Each bar’s length encodes the population value, with a formatted x-axis label converting SI units (e.g., “1.2B”) for readability. The visualization is built with React and D3 v5, using `scaleBand` for the categorical axis and `scaleLinear` for the population scale. Data is loaded asynchronously from a CSV file via `d3.csv`, and SVG rectangles render the marks with a native tooltip showing the population value.

Ssrilekhasridasyam@my.unt.edu
93% match
Loading thumbnail…

Activity6_population

A horizontal bar chart displays the population of 20 countries in 2010, sorted by country name. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numerical x-axis, and SVG `rect` elements for bars. Data comes from a remote CSV, loaded via `d3.csv`, with population values converted from thousands. Interactive hover tooltips show formatted values, while styled axes and labels clarify the visualization.

Kkeerthi.yanala104@gmail.com
92% match
Loading thumbnail…

Activity-6-q1.2

A horizontal bar chart displays the population of 20 countries in 2010, sorted by country name. The visualization uses D3’s `scaleBand` and `scaleLinear` to map countries and populations to SVG rectangles, with React managing the component structure. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file, and population values are formatted with `d3.format` to abbreviate large numbers (e.g., “1.2B”). Blue axis lines and green bars are styled with CSS.

Bbhargavr016@gmail.com
92% match