Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Vega-Lite Iterations

Public visualization

Viewing a saved revision (read-only)

ce008a7c2c504aac81026240481f45ab

Vega-Lite Iterations

0 stars0🌍 Public
Ssikadali
Last edited Aug 31, 2021
Created on Aug 31, 2021

This example demonstrates an interactive scatter plot of automotive fuel economy data, showing the relationship between cylinder count and origin while revealing individual car names through tooltips. Rendered as a Vega-Lite visualization via the `vega-lite-api`, the chart applies a custom configuration for axis styling and font sizes before resizing to fit the viewport. The data is loaded asynchronously from a CSV using `d3.csv`. The plot uses semi-transparent, oversized marks with opacity encoding to avoid overplotting, and the code registers `vega-tooltip` for hover interactions.

AI-generated description

A visualization constructed using the vega-lite-api.