Skip to main content
SimilarExport ZIP
100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public
Nnexus1058
Last edited Jan 27, 2021
Created on Jan 26, 2021

This visualization displays the population of religions by country using a bubble chart. The data, sourced from a CSV file, is rendered with circles positioned by country and religion, with circle size encoding population. Built with the vega-lite-api, it registers Vega and Vega-Lite, and uses a custom configuration to improve label readability. The chart is rendered as an SVG and includes tooltips for detailed population values.

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 shows the distribution of religious populations across countries using a bubble chart, with circle size encoding population quantity and tooltips revealing exact values. The chart is built with the Vega-Lite API, which wraps Vega and Vega-Lite to generate an SVG rendering. The code imports data from a CSV file using D3's `csv` function, then configures axes, tooltips, and a dark color scheme for readability. The visualization occupies the full viewport and updates its size dynamically based on the window dimensions.

Aafcchilders
95% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the global distribution of religious populations by country using a bubble chart. Circle size and tooltip values encode population counts, with countries ordered by total population on the x-axis and religions on the y-axis. The visualization is built with the Vega-Lite API, which programmatically constructs the chart specification, and renders it via the Vega and Vega-Lite libraries. Data is loaded as CSV from a remote gist using D3’s `csv` function, and custom axis styling improves readability.

BBHAVYA0042
95% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the religious composition of countries using a bubble chart, where each bubble represents the population of a religion within a country. The visualization is built with the Vega-Lite API and rendered using D3.js, with data sourced from a CSV file containing religion-by-country statistics. The chart maps country names to the x-axis, religions to the y-axis, and population to bubble size, while tooltips display the exact population values on hover. The code leverages Vega-Lite's declarative API to encode these fields, and the chart resizes to fit the browser window using the autosize feature.

11godfrey
94% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the population distribution of religions by country, using a circle size to represent population counts. It shows data for multiple countries and religions, with a tooltip displaying the exact population on hover. The visualization is built with the Vega-Lite API, which is registered with Vega, Vega-Lite, and D3 in the browser. Data is loaded from a CSV file using d3.csv, and the view is rendered as an SVG that automatically fits the window size with a custom dark theme for labels and axes.

AAnthony Le
94% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the relative populations of religious groups across countries using a bubble chart. Circles are positioned along categorical axes for country and religion, with circle size encoding population magnitude. The visualization is built using the Vega-Lite API, which compiles specifications to Vega and renders with SVG via D3. Data is loaded asynchronously using D3’s `csv` function from a gist. Custom axis styling and a dark label color improve readability, and a tooltip displays the population value when hovering over a circle.

Ccoltonjcox92
94% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a bubble chart of religious populations by country, where each bubble’s size encodes the population value and its color distinguishes countries. The chart is built with Vega-Lite’s API (via `vega-lite-api`), using `markCircle` and encodings for x-axis country, y-axis religion, and quantitative size. Data is loaded asynchronously from a CSV using `d3.csv`, and the rendered SVG includes an interactive tooltip handler from `vega-tooltip`. The layout auto-fits the window dimensions.

MMatias Conde
94% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a bubble chart of population by religion across countries, using circle size to encode the population values. The data comes from the UCI Auto MPG dataset via a Gist, loaded asynchronously with `d3.csv`. The chart is built using the Vega-Lite API (`vl.markCircle`), which registers vega and vega-lite libraries, applies a custom dark-themed config, and renders the SVG output to the full window with a tooltip handler.

Nnpelliccia
94% match
Loading thumbnail…

Fork of Vega-Lite API Template

This bubble chart shows the global distribution of religious populations by country, with circle size encoding population count and axes arranged by country and religion. Built using the Vega-Lite API template, the visualization renders interactively via vega-lite-api, vega-lite, and vega, with tooltips provided by vega-tooltip. Data is loaded asynchronously from a CSV file using d3.csv, and appearance is customized through a config object that adjusts axis ticks and label styling. The chart is sized to fit the browser window using autosize and rendered as SVG.

Bboreilly26
94% match