Skip to main content
SimilarExport ZIP
100%

vega-lite api 2

✓ Published0🌍 Public
TTanupat B.
Last edited Mar 19, 2022
Created on Mar 19, 2022

This visualization displays the top 20 countries by religion, using a bubble chart where each circle’s size represents the population count for a given country and religion. The data comes from a CSV file loaded via d3’s `csv` function, sourced from the UCI Machine Learning Repository’s Auto MPG dataset. Built with the vega-lite-api, it renders through Vega-Lite and Vega, with tooltips provided by vega-tooltip. The visualization uses a dark color scheme and customized axis fonts to improve readability.

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…

Vega-Lite API Template

This example visualizes the religious composition of countries as a bubble chart, mapping population size to circle area, country to the x-axis, and religion to the y-axis. It loads data from the UCI Auto MPG dataset via a Gist, processed with d3.csv. The visualization is built using the Vega-Lite API, which registers Vega and Vega-Lite libraries, applies a custom configuration for readability, and renders interactive SVG output with a tooltip handler.

UUnknown-bot-sus
88% match
Loading thumbnail…

Vega-Lite API Template

This interactive visualization uses the Vega-Lite API to render a circular bubble chart, mapping religion by country with circle size encoding population. The chart reads data from a CSV containing religionByCountryTop5, loading it via d3.csv, and encodes country on the x-axis and religion on the y-axis. Tooltips show population on hover. The vega-lite-api library interfaces with Vega and Vega-Lite, applying a custom config for dark text and styled axis labels, and renders to SVG using d3.v5 for data fetching.

Nnahsiloh
88% match
Loading thumbnail…

Vega-Lite API Template

This example visualizes the relative population sizes of religious groups across countries using a bubble chart, where circle size encodes population and the axes list countries and religions. The visualization is built with the Vega-Lite API, which registers Vega and Vega-Lite libraries, and uses D3’s `csv` loader to fetch data from a Gist derived from the UCI Auto MPG dataset. It applies a custom dark-themed configuration for axes and labels, and renders as a responsive SVG that fits the window, with tooltips enabled through `vega-tooltip`.

BBen Seebeck
88% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the distribution of religious affiliation by country using a bubble chart. Each circle represents a country’s population grouped by religion, with circle size encoding population magnitude. The visualization is built with the Vega-Lite API, registered through Vega and Vega-Lite, and renders using SVG. Data comes from the UCI Machine Learning Repository’s Auto MPG dataset, though the code loads religion and population data via a CSV fetched with d3.csv. Custom axis styling and tooltips are configured through Vega-Lite’s config and the vega-tooltip handler.

Ddiska432
88% match
Loading thumbnail…

Vega-Lite API Template

This example visualizes the top religions by country from a CSV dataset, using grouped bars to compare population counts across countries. It employs the Vega-Lite API to construct the chart, with D3.js loading the data and Vega-Tooltip providing interactive hover details. The visualization uses a dark theme with custom axis and label styling, rendering to SVG and fitting itself to the full browser window. The code also demonstrates registering Vega, Vega-Lite, and the API together for a streamlined charting workflow.

Llinkshady
88% match
Loading thumbnail…

Vega-Lite API

This example uses the Vega-Lite API to render a bubble chart of religious demographics by country, showing the relative population sizes of the top five religions per nation. The visualization encodes country on the x-axis, religion on the y-axis, and population as the size of each circle, with tooltips displaying the exact population values. The code loads CSV data from a remote URL using d3.csv, then constructs the chart through the Vega-Lite API’s markCircle and encode methods. It integrates Vega, Vega-Lite, and the vega-tooltip handler, with appearance customized via a config object that adjusts axis labels and title fonts.

Ee-ines
88% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization presents a bubble chart of religious affiliations by country, using circle size to encode population and color to distinguish religions. The chart is built with the Vega-Lite API, which registers Vega and Vega-Lite libraries, and uses D3’s `csv` loader to fetch data from the UCI Machine Learning Repository’s Auto MPG dataset. The visualization incorporates a custom config for axis styling and tooltips via Vega-Tooltip, with a dark color scheme for improved readability.

MMd. Jakir Hosen
88% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays the top 20 countries by population, with each circle positioned along a country and religion axis and colored by religion. The code uses the Vega-Lite API to construct a scatter plot, reading CSV data from a GitHub gist via `d3.csv`. It renders to SVG through Vega and Vega-Lite, with the view sized to fit the window and includes a tooltip showing population values using vega-tooltip.

Bbillmccabeusa@hotmail.com
87% match