Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Vega-Lite API Template

✓ Published0🌍 Public
DDanny Pule
Last edited Jul 2, 2022
Created on Jul 2, 2022

This visualization uses a bubble chart to show the distribution of countries and religions by population, sourced from the UCI Machine Learning Repository’s Auto MPG data set. It employs the Vega-Lite API for declarative chart construction, rendered via the Vega and Vega-Lite engines. The code loads CSV data with `d3.csv`, encodes circle size from population using `vl.size().fieldQ`, and customizes axis styling and tooltips through `config.js` and the Vega-Tooltip handler. The visualization is displayed as an SVG, with automatic sizing to fit the browser window.

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 circular bubble chart of country populations by religion, using data from the UCI Machine Learning Repository Auto MPG dataset. Built with Vega-Lite API in a D3.js framework, the code registers Vega, Vega-Lite, and Vega-Tooltip to render an interactive scatter plot. The visualization encodes country on the x-axis, religion on the y-axis, and population as bubble size, with custom configuration for axis styling and tooltips. It loads data asynchronously via `d3.csv` and renders to an SVG canvas with automatic viewport fitting.

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

Fork of Vega-Lite API Template

This visualization displays a bubble chart of population by religion across countries, using circle size to encode the population values. The data comes from the UCI Auto MPG dataset via a Gist, loaded asynchronously with `d3.csv`. The chart is built using the Vega-Lite API (`vl.markCircle`), which registers vega and vega-lite libraries, applies a custom dark-themed config, and renders the SVG output to the full window with a tooltip handler.

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

Fork of Vega-Lite API Template

This visualization uses the Vega-Lite API to display a bubble chart mapping countries on the x-axis against religions on the y-axis, with circle size encoding population. The data originates from the UCI Machine Learning Repository’s Auto MPG dataset, filtered through a CSV loaded via `d3.csv`. The chart applies custom axis and label styling from a `config.js` file, and uses Vega-Lite’s `.markCircle()` and `.encode()` methods to specify the visual encodings. The visualization is rendered as an SVG, with tooltips provided by `vega-tooltip`.

곽곽옥석
93% match
Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization uses the Vega-Lite API to render a circle-mark scatter plot of religious affiliations across countries, with circle size encoding population and tooltips revealing exact values. The data comes from the UCI Machine Learning Repository’s Auto MPG dataset, though the actual CSV loaded through d3.csv is a top-5 religions per country dataset. The code registers Vega-Lite with Vega, applies a custom dark theme via the config object, and renders the chart as an SVG that fits the full window. The visualization is interactive, with tooltips handled through vega-tooltip.

MMd. Jakir Hosen
93% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization uses the Vega-Lite API to render a bubble chart of religious affiliation by country, with data sourced from the UCI Machine Learning Repository. Circles are positioned by country and religion, while population values determine circle size, and tooltips display exact population counts on hover. The code integrates vega-lite-api, Vega, Vega-Lite, D3’s CSV loader, and vega-tooltip, applying a custom dark-axis style via a config object. The chart auto-sizes to fit the browser window and uses SVG rendering.

PPiotr Paszek
93% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization shows the distribution of religious populations across countries using a bubble chart, with circle size encoding population quantity and tooltips revealing exact values. The chart is built with the Vega-Lite API, which wraps Vega and Vega-Lite to generate an SVG rendering. The code imports data from a CSV file using D3's `csv` function, then configures axes, tooltips, and a dark color scheme for readability. The visualization occupies the full viewport and updates its size dynamically based on the window dimensions.

Aafcchilders
92% match