Fork of Vega-Lite API Template

Fork of Vega-Lite API Template

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.

Nnexus1058

Fork of Vega-Lite API Template

This example shows a circle-marked visualization of religious populations by country, with circle size encoding population and both axes using categorical fields. The chart is built using the Vega-Lite API, which programmatically constructs a Vega-Lite specification, and renders to an SVG via Vega. The underlying data is loaded from a CSV using d3.csv, and the visualization includes tooltips through the vega-tooltip Handler. The code applies custom axis and label styling, and sets the chart to fit the full browser window.

Ccynichole

Fork of Vega-Lite API Template

This visualization displays the religious demographics of countries, with circles sized to represent population counts across religious affiliations. The chart plots countries on the x-axis and religions on the y-axis, using circle size as an encoding channel for quantitative population data. The example is built with the Vega-Lite API, which compiles specifications to Vega for rendering in SVG. Data is loaded asynchronously from a CSV file via `d3.csv`, and the visualization is configured for full-window display with custom axis styling and tooltip support via the Vega-Tooltip handler.

11tang

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

Fork of Vega-Lite API Template

This example shows the distribution of religious affiliations across countries, using circle size to encode population and axes for country and religion. Built with the Vega-Lite API, it registers Vega and Vega-Lite libraries, fetches CSV data via d3.csv, and renders an interactive SVG chart with tooltips. The visualization config customizes axis labels, tick colors, and font styles for improved readability. The chart auto-sizes to the window and fits its content with padding.

IIverefiner

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

Fork of Vega-Lite API Template Origin

This visualization displays a bar chart of population by country, with colors encoding religion and tooltips revealing population values on hover. It uses the Vega-Lite API to construct the chart, with getData.js loading CSV data from a gist containing religion-by-country statistics. The code leverages vega-lite-api's `markBar`, `x()`, `y()`, `color()`, and `tooltip()` methods, registered with vega and vega-lite, and renders via the SVG view with a vega-tooltip handler. The config customizes axis ticks and font styles for readability.

Ddleoenri

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