Skip to main content
SimilarExport ZIP
100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public
Sspawan432
Last edited Oct 11, 2021
Created on Oct 11, 2021

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.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

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 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 to tinker with

This example shows a bar chart of population by country, with bars colored by religion and a tooltip displaying population values on hover. It loads data from a CSV file hosted in a GitHub gist, then renders the visualization using the Vega-Lite API (vl) with a concise specification: markBar encoding country on the x-axis (sorted descending by population), population on the y-axis, and religion as color. The code imports vega, vega-lite, vega-lite-api, d3.csv for data loading, and vega-tooltip for interactive tooltips, with custom axis and label styling configured in a separate config.js file. The visualization dynamically sizes to the full window and uses an SVG renderer.

RRyan Johnson
94% match
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
94% match
Loading thumbnail…

Fork of Vega-Lite API Template

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.

DDusty
94% 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
94% 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
94% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example demonstrates a bar chart of population by country, colored by religion, using the Vega-Lite API. The visualization sorts countries by descending population and includes tooltips for each bar’s population value. It loads CSV data from a GitHub gist via `d3.csv` and renders the chart as an SVG using Vega-Lite’s `markBar` encoding, with custom axis and label styling from a shared config. The code registers Vega-Lite and Vega-Tooltip handlers to enable interactive tooltips.

Ccheruvatheryvishnu@gmail.com
94% match