Skip to main content
SimilarExport ZIP
100%

Acitvity6_1.2

✓ Published0🌍 Public
Rrishikareddy181@gmail.com
Last edited Apr 4, 2025
Created on Apr 2, 2025

This horizontal bar chart displays the populations of 20 countries in 2010, sorted by country name, using React to render SVG elements and D3 v5 for scales and formatting. The visualization reads population data from a GitHub-hosted CSV file, applies a linear scale for bar lengths and a band scale for country categories, and formats axis tick labels in abbreviated units (e.g., “1.2B”) via D3’s `format` function.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_population2

A horizontal bar chart displays the populations of twenty countries in 2010, sorted by country name. The visualization uses React with D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. SVG rectangles are rendered via custom `Marks` components, with axes generated by `AxisBottom` and `AxisLeft`. Population values are loaded from a remote CSV file, formatted using D3's `format` function to display values in billions.

Rrishithagovini99@gmail.com
94% 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
92% match
Loading thumbnail…

Activity 6

This bar chart displays the population of 20 countries in 2010, sorted along a vertical categorical axis with horizontal bars scaled by population. The visualization uses React to render an SVG, with D3’s `scaleBand` and `scaleLinear` for positioning, axes created from custom components, and tooltips via SVG `<title>` elements. Data is loaded from a CSV file using `d3.csv`.

Rrakshithareddy217@gmail.com
92% match
Loading thumbnail…

Activity 6

This bar chart displays the population of 20 countries in 2010, sorted along a vertical categorical axis with horizontal bars scaled by population. The visualization uses React to render an SVG, with D3’s `scaleBand` and `scaleLinear` for positioning, axes created from custom components, and tooltips via SVG `<title>` elements. Data is loaded from a CSV file using `d3.csv`.

Rrakshithareddy217@gmail.com
92% match
Loading thumbnail…

Activty6_1.1

This horizontal bar chart displays the populations of the top ten countries for the year 2000, with values formatted in billions using D3’s `format` function. Built with React and D3 v5, it uses `scaleBand` for the categorical country axis and `scaleLinear` for the population axis, parsing data from a CSV loaded via `d3.csv`. Each bar is a `rect` element with a hover tooltip showing the population value.

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

Activity-6

This chart displays the populations of 20 countries in 2010 as a horizontal bar chart, ordering the bars by country name. It uses d3.scaleBand and d3.scaleLinear to position bars, with React components for axes and marks, rendering to SVG. Data is loaded via d3.csv from a GitHub raw dataset, with population values converted from a string column to numbers. The chart applies d3.format for compact tick labels, replacing 'G' with 'B' for billions.

Iiftequaruddin883@gmail.com
92% match