Fork of Vega-Lite API Template

100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public

Last edited Jan 27, 2023

Created on Jan 27, 2023

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.

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 visualization displays a stacked bar chart of population by country, segmented by religion, using data from the UCI Machine Learning Repository. It is built with the Vega-Lite API, which registers Vega and Vega-Lite, and renders via d3.js v5. The chart encodes the country field as the x-axis, population as the y-axis, and religion as the color channel. A custom config styles the axes and labels, while a tooltip handler provides interactive population details. The visualization is sized to fit the browser window.

DDanny Pule

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

Loading thumbnail…

Fork of Vega-Lite API Template

This example shows a stacked bar chart of population by country, colored by religion, using a dataset loaded from the UCI Auto MPG repository (via a Gist URL). The visualization is built with the Vega-Lite API, which generates a Vega-Lite specification that is rendered by the Vega engine. The code uses `vl.markBar()`, `vl.x().fieldN()`, `vl.y().fieldQ()`, and `vl.color()`, and it relies on d3's `csv` loader to fetch the data. The chart is interactive, including a tooltip via the Vega-Tooltip handler.

BBubfield

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…

Vega-Lite API Template

This example shows a stacked bar chart of population by country, with bars segmented by religion. The visualization is built entirely with the Vega-Lite API, which registers Vega and Vega-Lite libraries in a D3-based setup. Data is loaded asynchronously from a CSV via D3’s `csv` function. The chart uses a config object to customize axis and label styles, and a tooltip handler displays population values on hover.

TTammminana

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

93% match