Skip to main content
SimilarExport ZIP
100%

Fork of Feministischer Kampftag II

✓ Published0🌍 Public
WWangJiaCheng1999
Last edited May 29, 2021
Created on May 29, 2021

A grouped horizontal bar chart is split into categories, comparing the percentage of women who agree versus disagree with statements about their work situation during the COVID-19 pandemic. The chart uses D3 v6 scales (`scaleBand`, `scaleLinear`) within a React framework to render SVG rectangles. Hovering a bar triggers a Tippy.js tooltip with the exact percentage. Data comes from a CSV file sourced from a SPÖ Frauen survey.

AI-generated description

<b>Quelle:</b> SPÖ Frauen | Frauen und Arbeit .

Die Grafik ist Teil des Projektes #weeklyGraph.

MIT Licensed

Similar vizzes

Loading thumbnail…

Feministischer Kampftag II

This chart displays survey responses about women's perceptions of their work situation during the COVID-19 pandemic, using grouped bar charts to compare agreement and disagreement across categories and months. The visualization uses React with D3 v6 (scaleBand, scaleLinear) to render SVG elements, with tooltips provided by Tippy.js. Data is loaded via the CSV module from D3, sourced from SPÖ Frauen, and each bar's length reflects percentage values with hover interactions revealing exact figures.

VValentineAuer
92% match
Loading thumbnail…

Feministischer Kampftag III

This visualization compares the distribution of Austrian COVID-19 relief funds between men and women across various categories. Two horizontal bars per category show the percentage received by each gender, with tooltips revealing exact values. The chart uses React components with D3 scales for positioning, rendering SVG elements. Data comes from the Momentum Institute via CSV, loaded with D3’s `csv` function. The bars are colored distinctly, and interactive tooltips are implemented with Tippy.js, while the axes and title are built with reusable React subcomponents.

VValentineAuer
86% match
Loading thumbnail…

Feministischer Kampftag I

This visualization compares the percentage of women who experienced violence versus harassment in the past 12 months across different countries. The chart, built with React and D3 v6, renders both bars and circles for each country, with Austria highlighted in a distinct color. Data comes from the Fundamental Rights Agency's 2021 survey. Users can toggle between the two attributes via a dropdown menu, which re-sorts the bars and updates the y-axis scale.

VValentineAuer
81% match
Loading thumbnail…

Fork of Verdienststrukturerhebung 2018

A dumbbell plot compares median gross hourly earnings for women and men across Austrian occupational groups, with each pair connected by a line showing the percentage difference. Circles mark female and male values in contrasting colors, while tooltips reveal exact euro amounts on hover. The visualization uses React with D3’s `scaleLinear`, `scalePoint`, and `extent` to position marks, and reads data from a CSV via `d3.csv`. It includes custom axis components and static text labels for the before/after comparison.

Bblueyjuice
72% match
Loading thumbnail…

Fork of Fork of Fork of Gender Distribution Chart

A stacked bar chart displays the gender distribution of students across university modules, with each bar segmented into male and female counts. Radio buttons allow toggling between absolute counts and percentage proportions, animating the bar segments and y-axis scale via transitions. Built with D3.js version 3, the SVG chart uses `d3.layout.stack` for stacking, `d3.svg.axis` for axes, and form inputs to trigger transitions between count and percentage modes. Data comes from a CSV file containing module names and gender counts.

NNarayana Reddy
71% match
Loading thumbnail…

Untitled

Three interactive bar charts show employment rates for female and male groups across three Olympic years. Buttons for 2008, 2012, and 2016 trigger updates that transition the bars with a 1000-millisecond animation using D3 v6’s `transition()` method. The SVG chart uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and a data join pattern with `enter`, `merge`, and `exit` selections to handle changes. The page loads D3 from a CDN inside a React wrapper.

Mmandu427
71% match
Loading thumbnail…

Fork of Reusable J.I. Bar chart (with menu) - TEST2

A stacked horizontal bar chart visualizes donation activities and amounts across categories, allowing interactive switching between total, COVID-19, and other-purpose views via a menu. The chart presents paired bars for actions and monetary sums, with color-coded segments for COVID-19 and other causes. It uses React with D3.v6 functions like scaleBand and scaleLinear for axes and scales, rendering SVG elements. Data is loaded from a CSV file, and user clicks trigger state updates to change displayed attributes and zoom scales.

Kkragovic
71% match
Loading thumbnail…

Stacked Normalized Horizontal Bar Chart

This stacked normalized horizontal bar chart visualizes the distribution of male and female members across multiple political party groups, with each bar normalized to represent proportions rather than raw counts. The data is sourced from a CSV file containing party names and gender counts. The chart uses D3 v6’s `d3.stack()` with `d3.stackOffsetExpand` for normalization, rendered as SVG rectangles with a color scale distinguishing genders. Interactive tooltips display exact values, while labels show raw counts, and the chart includes a color legend for age categories.

CCasado7
71% match