Fork of Test

100%

✓ Published0🌍 Public

Last edited Dec 21, 2021

Created on Dec 21, 2021

Forked from Test

This visualization displays the population of each country, segmented by religion, using a stacked bar chart. The chart sorts countries in descending order and encodes population counts on the y-axis, with color distinguishing different religious groups. Built with the vega-lite-api, it loads data from a CSV file of top five religions by country, rendering interactively with tooltips that report population values on hover. The visualization adapts to the full window size and applies custom styling to axis labels and titles.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Test

This visualization displays the top five religions by population in various countries, using a bar chart where each bar is stacked and colored by religion. The chart is built with the vega-lite-api library, which wraps Vega-Lite and Vega for declarative rendering, and it pulls data from a CSV file via d3's `csv` function. The visualization adapts to the browser window size and includes interactive tooltips, with custom styling applied through a configuration object to improve readability.

JJun Suzuki

86% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the top five religions by country as a stacked bar chart, showing the population distribution for each country. The chart uses a bar mark for each country, with the x-axis ordered by total population and color encoding for religion, while tooltips display the exact population values. It loads CSV data from a GitHub Gist and renders via Vega-Lite, using the Vega-Lite API to construct the specification, with D3.js fetching the data and Vega-Tooltip providing interactive hover details. The visualization is configured to fit the browser window and includes custom axis and label styling for readability.

Llatifiss

86% match

Loading thumbnail…

Fork of Fork of Fork of Episode 18 - Iterating Fast with Vega Lite API - Stacked Bar

This stacked bar chart visualizes the distribution of religions across countries, using population to encode the share of each religious group. The visualization is built with the Vega-Lite API, registered with Vega and Vega-Lite, and relies on d3.csv for data loading from a Gist containing the religionByCountryTop5 dataset. The bars are sorted by country in descending order, with color mapping population values and tooltips displaying the exact population figures. The chart fits the full browser window via an autosize setting and applies a custom configuration for axis styling and label font sizes.

Zzjulijie0618

85% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes religious demographics across countries using a bar chart, with each bar representing a country and the color encoding the population for each religion. The visualization is built using the Vega-Lite API and rendered with D3.js, incorporating vega-tooltip for interactive hover details. Data is loaded from a CSV file hosted on GitHub, containing population figures for various religions by country. The chart fills the entire window and uses custom styling to adjust font sizes and axis appearance for readability.

DDipak654

85% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a stacked bar chart of population by country, segmented by religion, with tooltips showing religious affiliation. It is built using the Vega-Lite API, registered with Vega and Vega-Lite libraries, and rendered as SVG. The code loads data from a CSV file via `d3.csv`, which contains the top five religions by country. The chart resizes to fit the window, uses custom axis and label styling for readability, and includes a Vega Tooltip handler for interactive data exploration.

Iiamhassanrazaahr

85% match

Loading thumbnail…

Fork of Bar Chart to Mutli Stack Bar Chart

This example shows world population by country, broken down by religion, as a stacked bar chart. Each bar represents a country, with segments colored by religion and tooltips revealing the specific group. Using the vega-lite-api and vega-tooltip libraries, the visualization loads CSV data from a GitHub gist, renders with SVG, and applies custom styling for larger fonts and dark text. The bars are sorted by total population and sized via the `size` property for readability.

AAndres de la Garza

85% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the top five religions by country as a stacked bar chart, with each bar segment colored by religion and sized by population. The chart displays country names along the x-axis and population counts on the y-axis, with tooltips showing exact values. It uses the vega-lite-api to construct the visualization, while vega and vega-lite handle rendering and encoding, and d3.csv loads data from a remote CSV file. The configuration customizes axis labels, title fonts, and uses a dark color scheme for improved readability.

SShanoy

85% match

Loading thumbnail…

Stacked Bar Chart

This stacked bar chart displays the population distribution across five countries, broken down by religion, using a horizontal bar for each country with colored segments representing different religious groups. The visualization is built with the vega-lite-api library, which wraps Vega and Vega-Lite, and loads CSV data from a GitHub gist containing the religion-by-country dataset. Bars are sorted by total population in descending order, with opacity set to 0.8 and tooltips showing exact population values on hover, while the chart is configured to fit the full browser window.

JJohn Jeevasaeyan

84% match