Skip to main content
SimilarExport ZIP
100%

Was denken Menschen in Europa über Menschenrechte?

✓ Published2🌍 Public
VValentineAuer
Last edited Jan 5, 2021
Created on Dec 5, 2020

This interactive chart visualizes survey responses on human rights attitudes across European countries, using data from the FRA Fundamental Rights Survey 2020. Through a dropdown menu, viewers can switch between four opinion statements, redrawing a bar chart of agreement percentages for each nation alongside circular markers. The visualization uses React for state management and interface components, D3.js v6’s `scaleBand` and `scaleLinear` for positioning and scaling, and `csv` for data loading. Bars and circles are rendered as SVG elements, with EU-27 averages highlighted in a darker color.

AI-generated description

Quelle: Fundamental Rights Survey 2020 | FRA.

Die Grafik ist Teil des Projektes #weeklyGraph.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar chart

This bar chart displays the proportion of immigrants in seven European countries, ranked from Luxembourg at 45.9% down to Germany at 14.5%. The visualization uses d3.csv to load the data, then d3.scaleBand and d3.scaleLinear to map countries and values to SVG rectangles. Axes are generated with d3.axisBottom and d3.axisLeft, and a steelblue fill colors each bar against a computed inner height.

BbeauMarko
67% match
Loading thumbnail…

Women's rights group by Region Bar Chart

This grouped bar chart displays the average number of women's rights-related articles across six global regions, broken down into seven legal and social categories such as Abortion, Domestic violence, and Harassment. Each region is represented by a cluster of colored bars, with colors mapped to the different rights categories via d3.scaleOrdinal. The chart loads data from a CSV file using d3.csv, encodes the region positions with d3.scaleBand, and uses d3.scaleLinear for the y-axis. d3.axisBottom and d3.axisLeft render the axes, while a legend identifies the categories.

RRoxIv
66% 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
66% match
Loading thumbnail…

Women's rights score by regions

A stacked bar chart visualizes women's rights scores across six world regions, with bars extending both positively and negatively from a central axis to highlight favorable and unfavorable conditions. The chart breaks down scores by categories such as abortion, domestic violence, and property rights. It uses the D3 v2 library to render SVG rectangles grouped by series and category, with ordinal scales positioning bars and linear scales mapping values. A legend, built with `d3.legend`, identifies each category. The chart deliberately renders axes as whitespace, reinforcing the zero point and improving readability of positive versus negative areas.

RRoxIv
65% match
Loading thumbnail…

Bar chart

This bar chart uses circles to compare the proportion of foreign-born residents across seven European countries, with Luxembourg leading at 45.9%. The visualization employs D3 v5’s `scalePoint` and `scaleLinear` to map countries and percentages, and renders axes via `axisBottom` and `axisLeft` with tick formatting as percentages. Data is loaded from a CSV file, and SVG circles are positioned using the derived scales, with a rotated y-axis label and title included.

BbeauMarko
65% match
Loading thumbnail…

Bar chart

A bar chart displays the proportion of foreign-born residents in seven European countries, with Luxembourg leading at 45.9 percent and Germany at 14.5 percent. The visualization encodes values with circles plotted at bar positions, using D3's `scalePoint` and `scaleLinear` for axes. Axis ticks use `axisBottom` and `axisLeft`, with `format(".0%")` for percentage labels. The SVG output is generated by appending circles to a group, with data loaded from a CSV file.

MMitch Dresdner
65% match
Loading thumbnail…

Bar chart

This bar chart visualizes the proportion of foreign-born residents across seven European countries, with Luxembourg leading at 45.9% and Germany at 14.5%. The visualization uses D3 v5 to load CSV data and render an SVG bar chart with linear and band scales. Axes are customized using `axisBottom` and `axisLeft`, with the y-axis formatted as percentages and grid lines drawn via `tickSize`. The chart includes a title and a rotated y-axis label, both styled through CSS classes.

BbeauMarko
65% match
Loading thumbnail…

Untitled

A grouped bar chart compares survey responses about police politeness across six education levels in the Netherlands. Each group represents a response option, from "Helemaal mee oneens" to "Helemaal mee-eens," with bars colored by education level. The chart uses D3.js v5 with React, rendering as animated SVG. It employs `d3.scaleBand` for group and bar positioning, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for categorical colors, with data loaded from a CSV file. Clicking legend items filters the displayed bars.

Jjenniferslagt
64% match