Skip to main content
SimilarExport ZIP
100%

activity-6

✓ Published0🌍 Public
Nnitishsurneni@gmail.com
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from Hello VizHub

This horizontal bar chart displays the population of up to 20 countries for the year 2010, with bars sorted by country name along the y-axis. Built with React and D3 v5, it uses `d3.scaleBand` and `d3.scaleLinear` for the axes and renders green SVG rectangles via the custom `Marks` component. The chart loads data from a CSV file, formats tick labels using `d3.format`, and includes interactive tooltips showing the formatted population values.

AI-generated description
MIT Licensed

Similar vizzes

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…

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 chart displays the population of ten countries in the year 2000 using horizontal bars, with a green bar for each nation and its population value shown on hover. Built with React and D3 v5, it uses a `scaleBand` for the categorical country axis and a `scaleLinear` for the numeric population axis, rendering SVG rectangles via the `Marks` component. The bottom axis applies D3’s `format` function to abbreviate large numbers (e.g., converting billions), while data is loaded asynchronously from a remote CSV file using D3’s `csv` function.

Vvarmanithish5@gmail.com
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
93% match
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
93% 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_task1

This horizontal bar chart displays the populations of 20 countries in 2010, sorted by country name along the y-axis. Each bar’s length encodes population value, with a formatted tick label converting SI units (e.g., "B" for billions) for readability. 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 the `Marks` component. Data is loaded asynchronously from a CSV file using `d3.csv`, then sliced to the first 20 rows.

Ggsdontineni518@gmail.com
93% match