Fork of Vega-Lite API Template

100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public

Last edited Jul 23, 2021

Created on Jul 23, 2021

This example displays a bar chart of population by country, with bars segmented by religion. The visualization uses the Vega-Lite API to construct the chart, and the Vega and Vega-Lite libraries to render it as an SVG. The data is loaded from a CSV file using d3.csv. The bars are sorted by population in descending order, and tooltips show the population value for each segment. Chart appearance is customized through a configuration object.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This example shows a bar chart of population by country, with each bar divided into colored segments representing different religions. The visualization uses the Vega-Lite API to construct the chart, with data loaded from a CSV file containing religion and population statistics. The code registers Vega and Vega-Lite, and configures tooltips using the Vega-Tooltip handler. The chart is rendered as an SVG and automatically fits the window size. The bars are sorted by population in descending order, and a tooltip displays temperature data on hover.

HHoang Dang Khanh

96% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example presents a horizontal bar chart visualizing population by country, with bars colored by religion. The visualization is built programmatically using the Vega-Lite API, which is registered with the Vega and Vega-Lite libraries. The `vl.markBar()` method encodes the country, population, and religion fields, while data is loaded from a CSV file using `d3.csv`. The chart is rendered as an SVG and configured with custom axis and label styles.

KKtuzinowski

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example shows a bar chart of population by country, with bars colored by religion and tooltips displaying population values on hover. The visualization is built using the Vega-Lite API, which registers Vega and Vega-Lite libraries and uses a custom configuration to adjust axis and label styling for readability. Data is loaded asynchronously from a CSV file via `d3.csv`, and the chart is rendered as SVG with an autosized fit to the window. The code also integrates the Vega Tooltip handler for interactive hover details.

GGerasimos Katsagannis

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

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example presents a bar chart of population by country, with bars colored by religion, using the Vega-Lite API. It loads CSV data from a GitHub gist via D3’s `csv` function. The chart is rendered with Vega-Lite’s `markBar` encoding x by country, y by population, and color by religion. The visualization is built with `vega-lite-api` and rendered to SVG through Vega, with tooltips provided by `vega-tooltip`.

KKNJour

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a stacked bar chart of population by country, segmented by religion, using data from a Gist derived from the UCI Machine Learning Repository. The visualization is built with the Vega-Lite API, which registers Vega and Vega-Lite to render SVG output, and includes a tooltip handler from vega-tooltip. The code fetches data via `d3.csv`, applies a custom configuration for axis styling, and sorts the bars in descending order.

OOluwatobi Samuel Akinola

94% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a bar chart of population by country, colored by religion, with a tooltip showing temperature on hover. The visualization is built using the Vega-Lite API, which wraps Vega and Vega-Lite specifications, and renders to SVG. Data is loaded asynchronously from a CSV file via D3’s `csv` function, sourced from the auto-mpg dataset. The chart is configured with custom axis and label styling, and fills the full viewport using automatic resizing.

AasafJortilles

94% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example shows a stacked bar chart of population by country, with bars segmented by religion and tooltips displaying population values on hover. It uses the Vega-Lite API to build the visualization, with `vl.markBar()` and encodings for country, population, and religion, while `vega-tooltip` provides interactive popups. Data comes from a CSV file loaded via D3’s `csv` function, and the chart is rendered as SVG, configured with a custom theme for larger axis labels and titles.

Sspawan432

94% match