Skip to main content
SimilarExport ZIP
100%

Gender Disparities

✓ Published1🌍 Public
DDouglas mochama
Last edited Apr 12, 2024
Created on Apr 12, 2024

This dashboard visualizes gender disparities in education by displaying male and female enrollment rates as a bar chart for a selected country and indicator. The user filters the data through dropdown menus for country and educational metric. The application, built with D3.js v7 and Bootstrap, loads CSV data from a GitHub repository. A D3 scaleBand and scaleLinear create the bars, with axes rendered using d3.axisBottom and d3.axisLeft.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Gender Distribution Chart

This stacked bar chart shows the gender distribution of students across university modules, with each bar divided into female and male counts. Users can toggle between raw counts and percentages of total enrollment, which animates the bar heights and adjusts the y-axis tick format. Built with D3.js (version 3.5.6), the visualization uses `d3.layout.stack` and ordinal/linear scales, rendering as SVG with transition effects triggered by radio button inputs. Data is loaded from CSV files containing module codes and gender counts.

KKeerthiKandadai
76% match
Loading thumbnail…

Gender Distribution Chart

This interactive chart visualizes gender distribution across university modules, displaying stacked bars for male and female counts that can be toggled between raw values and percentages via radio buttons. The visualization uses D3.js (v3) with SVG rendering and includes animated transitions when switching between the two display modes. Data comes from CSV files containing module codes and gender-specific enrollment numbers. The chart features a color-coded legend and a hover tooltip, with axes labeled and rotated for readability.

KKeerthiKandadai
76% match
Loading thumbnail…

Gender Distribution Chart

This stacked bar chart visualizes the gender distribution of students across university modules, with bars representing counts of males and females for each course. Users can toggle between absolute counts and percentage-based views via radio buttons, which recalculates the stack layout with d3.layout.stack and triggers smooth transitions. Built with D3.js version 3.5.6, the chart loads data from a CSV file and renders as SVG, featuring rotated x-axis labels and a color-coded legend to distinguish genders.

Mmarksampras
75% match
Loading thumbnail…

Gender Distribution Chart

This interactive stacked bar chart visualizes gender distribution (female versus male) across numerous university module codes. It uses D3.js to render SVG elements and includes an animated toggle that switches between raw counts and percentage proportions. Users can change the view using radio buttons, which triggers a transition of the bar heights and y-axis tick formatting. The chart reads from a CSV file containing module names and gender counts.

KKeerthiKandadai
74% match
Loading thumbnail…

Gender Distribution Chart

This interactive stacked bar chart shows the gender distribution of students (female vs. male) across various university modules, using data from a CSV file. It displays the count of each gender per module, with a radio-button toggle that switches the y-axis between absolute counts and percentage-based proportions. The visualization is built with D3.js, using the `d3.layout.stack` API to stack the bars and `d3.svg.axis` for axes. Smooth transitions animate the change between count and percent views via the `.transition()` function.

Aanonymous5776
74% match
Loading thumbnail…

Gender Inequality Indices

A horizontal bar chart shows the share of parliamentary seats held by women across countries, sorted from highest to lowest percentage. D3 v3 loads the CSV data, sorts it, and renders SVG rectangles scaled by the value. The code uses `d3.scale.linear` for the bar widths, `d3.scale.ordinal` for country positions, and `d3.svg.axis` for labeled axes. Hovering a bar reveals a tooltip with the country name and its exact value.

BBeaupe
74% match
Loading thumbnail…

Fork of Gender Distribution Chart

This visualization displays the gender distribution of students across university modules using stacked bar charts, with each bar representing a module’s female and male enrollments. It supports toggling between absolute counts and percentage views via radio buttons, triggering animated transitions that rescale the bars. The chart uses D3.js v3’s ordinal and linear scales, stacked layout, and SVG rendering, with data loaded from a CSV file. Tooltips and a categorical color legend enhance interactivity, while axis labels and rotated module names aid readability.

NNarayana Reddy
74% match
Loading thumbnail…

Fork of Gender Distribution Chart

This visualization displays the gender distribution of students across university modules using stacked bar charts, with each bar representing a module’s female and male enrollments. It supports toggling between absolute counts and percentage views via radio buttons, triggering animated transitions that rescale the bars. The chart uses D3.js v3’s ordinal and linear scales, stacked layout, and SVG rendering, with data loaded from a CSV file. Tooltips and a categorical color legend enhance interactivity, while axis labels and rotated module names aid readability.

NNarayana Reddy
74% match