Skip to main content
SimilarExport ZIP
100%

Impact of Covid-19 on Employment Bar Graph

✓ Published2🌍 Public
VVAbhiram99
Last edited Apr 6, 2023
Created on Apr 6, 2023

A horizontal bar chart shows the percentage of working hours lost per week (relative to a 40-hour baseline) across 14 countries during the Covid-19 pandemic. The visualization uses React with D3 v5 APIs, including `scaleBand` for the categorical country axis, `scaleLinear` for the numerical percentage axis, and `csv` to load remote employment data. Each country’s bar is rendered as an SVG `rect`, with red tick lines and axis labels drawn manually. The chart communicates relative economic disruption by sorting countries from largest to smallest percentage loss.

AI-generated description

A whole smiley face

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Impact of Covid-19 on Employment Bar Graph

This bar chart visualizes the impact of COVID-19 on employment by displaying the percentage of hours lost for a 40-hour workweek across 14 countries. The visualization uses a horizontal bar layout, with each bar’s length encoding the data value, making it easy to compare losses between nations. Built with React and D3 v5, the chart employs `scaleBand` for the categorical country axis and `scaleLinear` for the quantitative percentage axis. Data is loaded asynchronously from a CSV file using D3’s `csv` function, while SVG rectangles render the bars, with axis ticks and labels drawn manually.

NNanditha Reddy
93% match
Loading thumbnail…

female lost working during covid Bar Graph

This bar chart visualizes the impact of COVID-19 on female employment by showing the number of employed women aged 25 and older in 2019 for ten countries. The code uses React with a D3.js v5 CSV data loader, mapping each country to a horizontal bar whose length reflects the employment figure. The visualization is rendered as an SVG, with D3’s `scaleBand` and `scaleLinear` handling the axes and bar dimensions, and tick marks drawn manually from the x-scale.

VVAbhiram99
86% match
Loading thumbnail…

male working during covid Bar Graph

This bar graph shows the impact of COVID-19 on male employment rates across ten countries, comparing 2019 employment figures for men aged 25 and older. The visualization uses a horizontal bar chart with countries listed along the y-axis and employment percentages along the x-axis. Built with React and d3.v5, the code loads data from a CSV file using d3.csv and renders SVG rectangles scaled by d3.scaleLinear and d3.scaleBand. Red gridlines mark tick values on the linear x-axis, while country labels appear beside each bar.

VVAbhiram99
85% match
Loading thumbnail…

Covid-19 Scatter Plot

This scatter plot visualizes the relationship between the percentage of working hours lost and the number of employed males aged 25 or older in 2019 across different countries, with each circle’s size varying by total weekly hours worked and color-coded by country. The visualization is built with React and D3 v5, using `d3.csv` to load data from a remote Gist URL, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for axis rendering. Points are drawn as SVG circles via the `join` operation, with a fixed radius of 5 pixels, while axis labels and a title are added as SVG text elements.

VVAbhiram99
82% match
Loading thumbnail…

Bar graph of covid deaths

A horizontal bar chart visualizes COVID-19’s new deaths on May 31 for ten selected countries, using a green fill for each bar and sorting the locations by death count. The visualization is built with React and D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the x-axis, with SVG rendering. Tooltips, created via the `<title>` element, display the country name and total cases, while the data is sourced from the COVID MAY Dataset on GitHub.

Mmanasishrotri
73% match
Loading thumbnail…

bar graph

This bar graph displays the total number of COVID-19 cases for twelve countries, ranked along a horizontal axis with country names on the vertical axis. The chart uses the D3 library (v6) with an SVG rendering approach in a React framework. It employs `scaleLinear` and `scaleBand` for the scales, `axisBottom` and `axisLeft` for the axes, and loads data from a CSV file. The bars are colored pink via CSS.

Rrajan1508
73% match
Loading thumbnail…

Bar graph of covid deaths

A bar chart displays COVID-19 deaths across selected countries for each day of May, with a slider to change the date. It uses D3 v5 scales (`scaleBand`, `scaleLinear`) with React for rendering SVG rectangles. Data comes from a CSV of COVID-19 statistics, filtered by location and day. The chart sorts countries by death count and uses native SVG `<title>` elements for hover tooltips.

Mmanasishrotri
72% match
Loading thumbnail…

COVID-19

This interactive COVID-19 dashboard displays country-level statistics using horizontal bars. Users select an attribute from a dropdown, and React state updates the chart to show that metric. Driven by a CSV of global pandemic data, the visualization renders bars with SVG rectangles via React components, using D3 scales (`scaleBand`, `scaleLinear`) and axes (`AxisBottom`, `AxisLeft`) to position the data. Tooltips appear on hover through SVG `<title>` elements.

WW9183907
72% match