Fork of Week Temperature

100%

Fork of Week Temperature

✓ Published0🌍 Public

Last edited May 11, 2021

Created on May 11, 2021

This fork of "Week Temperature" displays a circular bubble chart, mapping countries on the x-axis and religions on the y-axis, with bubble size representing population. The visualization loads CSV data from a Gist, which is a subset of the UCI Auto MPG dataset. It is built using the Vega-Lite API, which compiles specifications into Vega for rendering, and uses D3.js to fetch the data. The chart is configured with dark text and a light gray axis for improved 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…

Fork of Fork of Vega-Lite API Template

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.

DDanny Pule

82% match

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

82% match

Loading thumbnail…

Fork test Vega-lite API - own data

This example visualizes the distribution of religious populations across countries using a bubble chart, where each circle’s size encodes population count and its position maps country and religion. The chart is built with the Vega-Lite API, which generates a Vega specification rendered as SVG, and uses D3’s CSV loader to fetch data from a GitHub gist. The code customizes axis styles, tooltips, and padding via a config object. Interactive tooltips display exact population values on hover.

11tang

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

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

81% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the global distribution of religious populations by country using a bubble chart. Circle size and tooltip values encode population counts, with countries ordered by total population on the x-axis and religions on the y-axis. The visualization is built with the Vega-Lite API, which programmatically constructs the chart specification, and renders it via the Vega and Vega-Lite libraries. Data is loaded as CSV from a remote gist using D3’s `csv` function, and custom axis styling improves readability.

BBHAVYA0042

81% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the religious composition of countries using a bubble chart, where each bubble represents the population of a religion within a country. The visualization is built with the Vega-Lite API and rendered using D3.js, with data sourced from a CSV file containing religion-by-country statistics. The chart maps country names to the x-axis, religions to the y-axis, and population to bubble size, while tooltips display the exact population values on hover. The code leverages Vega-Lite's declarative API to encode these fields, and the chart resizes to fit the browser window using the autosize feature.

11godfrey

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

80% match