Women in Parliament

100%

Women in Parliament

✓ Published0🌍 Public

Last edited Sep 7, 2021

Created on Sep 7, 2021

A world map visualizes the global distribution of women in parliament, with each circle representing a country and its radius scaled to the percentage of parliamentary seats held by women. The visualization uses a natural Earth projection via `geoNaturalEarth1` and `geoPath` to render landmasses, graticules, and country boundaries from World Atlas TopoJSON. Semi-transparent circles are plotted using `d3.scaleSqrt` to encode the data, which is loaded from a CSV file, over a React-based SVG rendering.

AI-generated description

A world map of the Missing Migrants Dataset.

Each point in the plot represents a single event.

Country boundaries from World Atlas TopoJSON.

MIT Licensed

Similar vizzes

Loading thumbnail…

Proportion of seats held by women in national parliament (2019)

A horizontal bar chart displays the percentage of parliamentary seats held by women across world regions in 2019, ranging from roughly 4% in Melanesia to over 36% in Central America. The bars are rendered as SVG rectangles using D3’s `scaleLinear` and `scaleBand` for positioning, with axes generated via `axisLeft` and `axisBottom`. Data is loaded from a CSV file using `csv` and mapped to numeric values. The chart highlights regional disparities in gender representation, with the source attributed to the Inter-Parliamentary Union.

MMarian

75% match

Loading thumbnail…

Proportion of seats held by women in national parliament (2019)

A horizontal bar chart displays the percentage of parliamentary seats held by women across global regions in 2019. The chart uses D3.js's `scaleLinear` and `scaleBand` to map values and categories, with `axisLeft` and `axisBottom` for labels. Bars are appended as SVG `rect` elements and colored uniformly. Data comes from the Inter-Parliamentary Union, loaded via `csv` from a local file. The visualization highlights regional disparities, from Central America's high proportion to Melanesia's low representation.

MMarian

75% match

Loading thumbnail…

Circles on a map

This example shows world population estimates for 2018, using circles sized by population on a natural Earth projection. Countries lacking data are colored pink, while those with data are gray and hover to teal. The visualization uses D3’s `geoPath` to render the map and `scaleSqrt` for circle radii, with a size legend built via D3’s `scaleOrdinal` and custom legend modules. Data is loaded from a CSV and a TopoJSON atlas, processed with `topojson.feature`, and rendered as SVG within a React starter.

Jjeelong

74% match

Loading thumbnail…

World map

This example visualizes the countries of the world as colored polygons on a map. The visualization uses React to render SVG elements, with D3.js utilities for geographic projections and path generation. The code loads GeoJSON topology data from the `world-atlas` package, converts it into features using `topojson`, and projects them onto a map using `d3.geoEqualEarth` or `d3.geoNaturalEarth1`. The `geoPath` function creates the SVG paths for each country, which are filled with a teal color.

Rrajamrit-singh

74% match

Loading thumbnail…

World Map

This world map visualization displays the Earth’s landmasses and country interiors using a Natural Earth projection, rendered as SVG paths. It shows a sphere, graticule lines, land areas in blue, and interior boundaries in a lighter stroke. The code utilizes `d3.geoNaturalEarth1` for projection, `d3.geoPath` for path generation, and `d3.geoGraticule` for the grid. Geographic data comes from the World Atlas TopoJSON (countries-50m.json), processed with `topojson.feature` and `topojson.mesh`. The visualization is built with React, managing data loading via the `useData` hook.

JJonas Carvalho

73% match

Loading thumbnail…

World Map

A choropleth-style world map renders landmasses in teal on a light gray sphere, with interior country borders highlighted in a brighter cyan. The visualization is built with React and D3, using `d3.geoNaturalEarth1` for the projection and `d3.geoPath` to draw the sphere, graticule, land, and interior boundaries. Geographic data comes from the `world-atlas` TopoJSON source, processed via `topojson.feature` and `topojson.mesh`. The SVG output is styled with the Poppins font and custom CSS classes.

Nnpelliccia

73% match

Loading thumbnail…

Circles on a Map

This visualization displays a world map with semitransparent circles overlaid on each country, sized proportionally to population data from 2018. The map renders using d3.geoNaturalEarth1 projection and d3.geoPath, while circle sizes are scaled with d3.scaleSqrt. Zooming is enabled via d3.zoom. The code includes color and size legends built with reusable functions, and loads data from a CSV and TopoJSON world atlas using d3.csv and topojson.feature.

NNeepaB

73% match

Loading thumbnail…

world map

This world map visualization displays global countries using a natural Earth projection with graticule lines and sphere outline. The SVG rendering uses D3’s geoNaturalEarth1 projection and geoPath to draw land features from the world-atlas TopoJSON dataset, while country borders are highlighted via a mesh of interiors. The React app loads the data asynchronously through `useData`, which fetches TopoJSON and converts it using `feature` and `mesh` from topojson, with styling applied via CSS classes.

PPriyaEnuganti

73% match