Skip to main content
SimilarExport ZIP
100%

activity 6_Task 1 Q1.1

✓ Published1🌍 Public
Mmoulidomar@hotmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This bar chart displays the population of ten countries in the year 2000, with a green horizontal bar for each country, ordered from largest to smallest population. The visualization uses React to render SVG elements via d3.scaleBand and d3.scaleLinear, and reads CSV data from a GitHub repository. Population values are formatted using d3.format with SI notation. A native SVG `<title>` element provides a tooltip showing the exact population value for each bar.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity 6_Task 1 Q1.2

This horizontal bar chart displays the 2010 population of 20 countries, sorted from largest to smallest. Built with React and D3 v5, it renders SVG rectangles using the `scaleBand` and `scaleLinear` scales. The chart loads CSV data from a GitHub repository, applies a custom tick formatter to abbreviate values in billions, and includes accessor functions for country and population. Both axes are custom components, with axis labels styled in blue and green marks that each contain a native SVG tooltip.

Mmoulidomar@hotmail.com
95% match
Loading thumbnail…

Activity 6_Question 1.1

This bar chart displays the population of ten countries in the year 2000, with horizontal bars sorted by country name. The visualization uses React to render SVG elements and D3 v5 for data loading and scales. Population values are loaded from a remote CSV file, processed by multiplying the year 2000 column by 1000, and formatted using D3’s `format` with SI notation. The chart includes custom axis components, axis labels, and tooltips showing formatted population values.

Ppenujulilikhil01020@gmail.com
93% match
Loading thumbnail…

activity 6_Task 1_Question1-1

This horizontal bar chart displays the population of ten countries in the year 2000, sorted by country name. The visualization uses React with D3 v5's `scaleBand` and `scaleLinear` to map country names and population values to SVG rectangles. Data is loaded remotely via D3's `csv` function, and tooltips show formatted population values using `format('.2s')`. The chart includes styled axes with blue tick lines and light green bars.

Kkondaveeti.bhargavi7780@gmail.com
93% match
Loading thumbnail…

activity 6_Task 1

This bar chart displays the population of 10 countries in the year 2000, ordered along a vertical band scale with horizontal bars extending from a shared origin. The visualization uses React with d3-scale’s `scaleBand` and `scaleLinear` to map country names and population values, while custom React components render SVG axes and marks. Population values are loaded from a CSV file, scaled using d3-format’s `format('.2s')` to abbreviate tick labels (e.g., ’B’ for billions), and exposed via native SVG `<title>` tooltips. Styling applies blue tick lines, light green bars, and a Poppins font.

Ggsdontineni518@gmail.com
93% match
Loading thumbnail…

Activity 6_task 1 Q1.1

This bar chart displays the population of ten countries in the year 2000, ranked along a vertical axis. The visualization uses React with D3 v5's `scaleBand` and `scaleLinear` to map country names and population values to SVG rectangles. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with population values converted from thousands. Axis components use `tickFormat` to abbreviate large numbers, converting 'G' to 'B' for billions.

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

activity 6_Task 1

This bar chart displays the population of ten countries in the year 2000, with horizontal bars ordered by country name and encoded by population value. Rendered as an SVG via React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` to map data, while `AxisBottom` and `AxisLeft` components generate tick marks and labels. The data is loaded from a CSV file using D3’s `csv` function, and each bar includes a tooltip showing the formatted population value.

Ssairamisetti3829@gmail.com
93% match
Loading thumbnail…

Activity6_Task1

This visualization displays population data for ten countries in the year 2000 using a horizontal bar chart rendered as SVG. The chart ranks countries from top to bottom by population, with green bars sized linearly to population values and formatted axis labels converting large numbers to billions. The React app loads CSV data from a GitHub repository using d3.csv, then applies d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis. Tooltips on each bar show the exact population value via SVG title elements.

Aamarnadhkari98@gmail.com
93% match
Loading thumbnail…

Activity_6_Q_1

A horizontal bar chart displays the population of ten countries in the year 2000, using green rectangles with country names on the y-axis and population values on the x-axis. The visualization loads data from a CSV file via d3.csv, scales the population values with d3.scaleLinear, and positions bars using d3.scaleBand. React components render the SVG elements, while d3.format converts population numbers into abbreviated labels like "B" for billions. Native SVG `<title>` elements provide tooltips showing exact formatted values on hover.

Aadapasaidivya99@gmail.com
93% match