stuff with vega-lite-api

100%

stuff with vega-lite-api

✓ Published0🌍 Public

Last edited Jul 25, 2022

Created on Jul 25, 2022

This example presents a bar chart of worldwide religious populations, sorted in descending order and color-coded by religion, with tooltips showing exact values. It is built using the Vega-Lite API, which programmatically defines the bar mark and encodings, then renders through Vega with SVG output. The visualization loads CSV data via d3.csv and applies a custom configuration that removes axis domains, sets gray tick marks, and increases label and title font sizes for readability.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Vega-Lite API Template

This example shows a bar chart of religious demographics by country, with each bar colored by religion and tooltips revealing population counts. The visualization is built using the Vega-Lite API, which wraps the higher-level vl.encode patterns for declarative chart specification. The code uses `vl.markBar()` with `vl.x()`, `vl.y()`, `vl.color()`, and `vl.tooltip()` to define the visual channels, while data is loaded via `d3.csv` from a remote URL. The chart renders as SVG, with custom axis and label styling configured through the `config` object and displayed in a full-window view.

AAnthony Ynami

92% match

Loading thumbnail…

Vega-Lite API Template

This example shows a grouped bar chart comparing religious populations across five countries, with each bar segmented by religion and sorted by total population. It uses the Vega-Lite API to declare the visualization, registering vega, vega-lite, and vega-tooltip handlers, then renders it as SVG. The data is loaded from a local CSV via d3.csv, and a custom config adjusts axis and font styles for readability.

Pprincit

92% match

Loading thumbnail…

Vega-Lite API Template

This example presents a horizontal bar chart of population by country, with bars colored by religion and tooltips displaying the religion attribute. It is built using the Vega-Lite API along with Vega, Vega-Lite, and D3’s CSV loader, rendering to SVG via Vega’s view system. The chart fetches data from a GitHub-hosted CSV file and configures axes and label styling through a shared configuration object.

Aazharahmad0

91% match

Loading thumbnail…

Vega-Lite API

This example demonstrates a stacked bar chart of country populations by religion, using the Vega-Lite API to construct the visualization declaratively. It fetches data from a CSV file via d3.csv, then renders the chart as SVG with vega and vega-lite, customizing axis and label styles through a config object. The bars are encoded with country on the x-axis, population on the y-axis, and religion determining color, with tooltips showing population values. The chart auto-fits to the browser window size.

Kkatjur01

91% match

Loading thumbnail…

Vega-Lite API Template

This example shows a stacked bar chart of population by country, colored by religion, using a Vega-Lite specification written in JavaScript. The visualization queries data from a CSV file hosted on GitHub, loads it via `d3.csv`, and renders with an SVG backend. It demonstrates the vega-lite-api library’s fluent encoding methods, along with vega-tooltip for interactive hover details, and custom axis and label styling from a shared config object.

CCurran Kelleher

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

91% match

Loading thumbnail…

Vega-Lite API Religion Stacked Bar Chart

This example presents a stacked bar chart visualizing the population of each country segmented by religion, using data from a CSV file about religion by country. The chart sorts countries by total population in descending order, with each bar colored by religion and tooltips revealing the specific religious group. Built with the Vega-Lite API, the code registers vega and vega-lite, then uses `vl.markBar()` to encode the x-axis as country, y-axis as population, and color as religion. The visualization loads data via `d3.csv` and renders as SVG, with customizable axes and labels from the configuration file.

LLem Dulfo

91% match

Loading thumbnail…

Vega-Lite API Template

This example shows a stacked bar chart of population by country, with bars colored by religion. The visualization is built using the Vega-Lite API, a JavaScript wrapper for Vega-Lite, and renders to SVG via Vega. Data is loaded from a CSV file using D3’s `csv` function, and the chart encodes country on the x-axis, population on the y-axis, and religion as color. Tooltips are enabled through Vega Tooltip, and the chart auto-fits to the window size.

MMadNietzsche

91% match