Skip to main content
SimilarExport ZIP
100%

LGBTQI Country Laws

✓ Published0🌍 Public
PPeter Maida
Last edited Sep 22, 2020
Created on Sep 16, 2020

This visualization shows the number of LGBTQI-related laws across continents, distinguishing between legal all-genders protections and age-of-consent equality through colored bars. The bar chart uses a count aggregation to display how many countries in each continent have specific legal provisions, with each bar representing a count of laws categorized by the continent and legal status. Built with vega-lite-api, the code loads CSV data from a GitHub Gist, calculates a combined total of laws using a D3 transform, and renders the chart with vega-lite, vega, and vega-tooltip. The visualization is configured with custom axis and label styling for improved readability.

AI-generated description

A visualization constructed using the vega-lite-api that shows the number of positive and negative LGBTQI laws in different contients.

The data shown here comes from Gist: LGBTQI Country Laws.

MIT Licensed

Similar vizzes

Loading thumbnail…

LGBTQI Country Laws CSV Data

This example loads the LGBTQI Country Laws dataset from a GitHub gist and displays summary statistics about the CSV file in a large text block. It shows the file size in kilobytes, the number of data rows, and the number of columns. The code uses d3.csv to fetch and parse the remote CSV, then applies d3.csvFormat and array properties to compute these metrics. An alternative commented approach demonstrates the same task using the Fetch API, async/await, and d3.csvParse, highlighting different asynchronous patterns in D3 v5.

PPeter Maida
73% match
Loading thumbnail…

DATAVIZ

This interactive map visualizes global LGBTQ+ censorship events over time, with a bubble map showing the geographic distribution and a linked date histogram below for temporal filtering. Users can brush the histogram to filter the map by date range. The visualization loads world country boundaries from the TopoJSON World Atlas and event data from a CSV file, rendering an SVG map using a d3.geoNaturalEarth1 projection with d3.geoPath. The React app coordinates the components, while d3's brush and axes enable the time-based filtering interaction.

SstellaWangg
69% match
Loading thumbnail…

Vega-Lite API Countries

This visualization displays population by country as a horizontal bar chart, with countries sorted by population. Built with Vega-Lite’s API and rendered via D3, it loads data from a CSV of 2015 population figures. The chart uses a dark theme, custom axis styling, and tooltips showing exact values. The code registers Vega-Lite with a tooltip handler and fits the chart to the window size using an autosize configuration. The design improves readability with larger fonts and muted colors, while the interactive tooltip provides detailed population numbers on hover.

MMarta
67% match
Loading thumbnail…

Vega-Lite API Largest 5 Countries Bar Chart

This bar chart visualizes the top five countries by population in 2015, using a dataset from a GitHub-hosted CSV file. The chart reads the data with the D3.js `csv` function and renders bars through the Vega-Lite API, a JavaScript wrapper for Vega-Lite specifications. It encodes country values on the x-axis and population on the y-axis, with tooltips displaying exact population figures. The visualization is configured with custom styling, including larger fonts and a dark color scheme, and uses the Vega and Vega-Lite libraries alongside the Vega Tooltip handler for interactive hovering.

NNelson M
66% match
Loading thumbnail…

Vega-Lite API Template_Bars

This bar chart displays the population of countries in 2015, with bars sorted in descending order and colored by country. It is built using the Vega-Lite API, which programmatically defines the visualization specification, while D3.js loads the CSV data from a Gist. The chart is rendered as SVG via Vega and Vega-Lite, with tooltips enabled through vega-tooltip and a custom config to adjust axis and label styling for readability.

OOleg Zhernovoy
66% match
Loading thumbnail…

Banned Games

This visualization displays the number of games banned per country, with each bar segmented by ban category and tooltips revealing the specific game titles. Built with the vega-lite-api library, it uses a bar mark with a count aggregation, a category20 color scheme, and a sorted y-axis. The data loads from a CSV via d3.csv, and the chart configures axes, labels, and tooltip styling through a custom config object.

AAliaksandr
66% match
Loading thumbnail…

Country Population Data Using Vega-Lite API Template

This visualization displays the population of each country in 2015 as a bar chart, with countries sorted by population descending and a tooltip showing the population value on hover. The chart uses the Vega-Lite API to define the bar mark and encoding, while the vega-lite and vega libraries handle rendering to SVG. Data is loaded from a CSV file via D3’s `csv` function, and the chart’s appearance is customized through the `config` object, which adjusts font sizes and axis styling for readability.

JJason Tiller
65% match
Loading thumbnail…

Fork of Vega-Lite API Template

This bar chart shows the population of countries, segmented by religion, with bars sorted in descending order of total population. Built using the Vega-Lite API, the visualization defines the mark, encodings, and tooltip in code, then renders through a Vega view with an SVG renderer. The data is loaded from a CSV file using d3’s `csv` method, and axes are customized via a config object. Interactive tooltips are provided by the vega-tooltip Handler.

HHJQ2000
65% match