Fork of Vega-Lite API Template

100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public

Last edited Apr 12, 2021

Created on Apr 12, 2021

A stacked bar chart displays the distribution of religious affiliations across countries, using a dataset of the top 20 countries by religious population. The visualization is built with the Vega-Lite API, which constructs a specification rendered by Vega, and incorporates D3 for data loading. The chart encodes country on the x-axis, population on the y-axis, and religion as color, with tooltips showing religion details. The design is customized via a config object for axis and label styling, and the visualization fills the browser window.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a stacked bar chart of population by country, segmented by religion, using data from the UCI Machine Learning Repository. It is built with the Vega-Lite API, which registers Vega and Vega-Lite, and renders via d3.js v5. The chart encodes the country field as the x-axis, population as the y-axis, and religion as the color channel. A custom config styles the axes and labels, while a tooltip handler provides interactive population details. The visualization is sized to fit the browser window.

DDanny Pule

93% match

Loading thumbnail…

Fork of Vega-Lite API Template

A bar chart visualizes the ratio of religions within each country’s population, with countries on the x-axis sorted by ratio and religions on the y-axis; color encodes the ratio, and hovering reveals the population value. The visualization uses the Vega-Lite API (vl) to define the bar marks and encodings, with data loaded from a CSV file via d3.csv. Rendering is handled by Vega and Vega-Lite, configured with custom axis and label styling, and the chart fits the full browser window using autosize.

Yyjhouma

92% match

Loading thumbnail…

Vega-Lite API Template - Stacked Bar Chart

This stacked bar chart visualizes the distribution of religious affiliations across countries, using circle area to encode population size for each country-religion pair. The visualization is built with the Vega-Lite API, which registers Vega and Vega-Lite libraries to generate an SVG rendering. Data is loaded asynchronously from a CSV file via d3.csv, and the chart includes interactive tooltips handled through the vega-tooltip library. The visualization employs custom configuration for axis styling and font sizing, with automatic resizing to fit the viewport dimensions.

Nnkohdatavis

92% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the top five religions by country using a stacked bar chart, with bars sorted by total population and colored by religious affiliation. The visualization is built with the Vega-Lite API, which programmatically constructs a bar mark with x, y, color, and tooltip encodings from CSV data loaded via d3.csv. The chart auto-sizes to the browser window and applies custom axis and label styling from a configuration object. Vega tooltips display temperature values on hover, though the underlying dataset contains population and religion fields.

Vvangenned

92% 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

92% 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

92% match

Loading thumbnail…

Vega-Lite API Stacked Bar Chart Template

This stacked bar chart reveals the distribution of religious affiliations by country, with each bar sorted by total population and segmented by religion. The visualization is generated using the Vega-Lite API, which constructs a declarative specification for the mark `markBar` and encodings for x, y, color, and tooltip. It relies on Vega-Lite’s `vl` API, registers with Vega and Vega-Lite libraries, and fetches CSV data from a Gist. The chart uses custom configuration for axis styling and renders with an SVG view.

JJohn Kobbeman

92% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization presents a bar chart of global religious populations, sorted by country size and colored by religion, with interactive tooltips showing population values. Built using the Vega-Lite API with d3.csv for data loading, the visualization reads from the Auto MPG Data Set via a Gist, though the chart itself displays religion-by-country data. The code configures the chart through vl.markBar(), vl.x(), vl.y(), and vl.color() encodings, while Vega-Lite's renderer generates SVG output within a full-window, dark-themed layout using custom axis and label styling.

OOpe Kareem

92% match