Fork of Vega-Lite API Template

Fork of Vega-Lite API Template

This fork of a Vega-Lite API template displays a scatter plot of auto-mpg data, with each circle’s position mapping miles per gallon against horsepower, while color encodes origin and size encodes weight. Tooltips revealing the vehicle name appear on hover. The visualization is built using the vega-lite-api library, which registers vega and vega-lite, and pulls data from a CSV loaded via d3.csv from the UCI Auto MPG dataset. The chart is fitted to the viewport using the autosize setting and customized with a custom config for axis styling.

SSaiSree0122

Fork of Vega-Lite API Template

This example visualizes the Auto MPG dataset from the UCI Machine Learning Repository, plotting miles per gallon against horsepower with points colored by origin and sized by vehicle weight. Tooltips display car names on hover. The visualization is built using the Vega-Lite API and rendered through D3.js, with data loaded via D3’s `csv` function. The chart is created programmatically using `vl.markCircle` with encodings for quantitative and nominal fields, and includes custom configuration for axis styles and text formatting.

Aantanta28

Fork of Vega-Lite API Template

This fork of the Vega-Lite API template visualizes the Auto MPG dataset from the UCI Machine Learning Repository, plotting fuel efficiency against horsepower. Each circle encodes vehicle origin by color, weight by size, and shows the model name on tooltip hover. The visualization uses the vega-lite-api library to construct the specification, with vega and vega-lite handling rendering to SVG. A custom config enhances readability with larger fonts and axis styling, while data loading relies on d3.csv from d3.v5.

CCarloWK1202

Fork of Vega-Lite API Template

This visualization displays an interactive scatter plot of the Auto MPG dataset, plotting miles per gallon against horsepower while encoding vehicle origin by color and weight by point size. Built with the Vega-Lite API, it combines vega, vega-lite, vega-tooltip, and d3.csv for data loading. The code configures axis styling, applies a responsive fit to the window, and uses interactive tooltips showing vehicle names. Data comes from the UCI Machine Learning Repository via a GitHub gist.

Cchar0496

Fork of Vega-Lite API Template

This visualization displays the relationship between miles per gallon and horsepower for a subset of automobile models, with point size encoding vehicle weight and color distinguishing geographic origin. Hovering reveals each car’s name via a tooltip. Built with the Vega-Lite API for chart specification, it loads CSV data from the UCI Auto MPG dataset and renders interactively using D3.js, Vega, and the vega-tooltip handler.

Ggon araseon

Fork of Vega-Lite API Template

This visualization displays a scatter plot of auto MPG data, mapping miles per gallon on the x-axis, horsepower on the y-axis, and using color and point size to encode vehicle origin and weight. The code uses the vega-lite-api to construct the chart declaratively, with vega-lite and vega handling rendering, and d3 fetching the CSV data from a Gist. It includes a tooltip showing vehicle names, configured through vega-tooltip.

Rrajamrit-singh

Fork of Vega-Lite API Template

This visualization presents the Auto MPG dataset from the UCI Machine Learning Repository, plotting vehicle weight against horsepower while encoding origin via color and mpg through circle size. The code uses the Vega-Lite API to declaratively construct the scatter plot, registering Vega, Vega-Lite, and Vega-Tooltip for rendering and interactivity. D3’s `csv` function loads the remote data, while custom configuration adjusts axis styles and font sizes. The visualization fills the window, with tooltips displaying vehicle origin on hover.

IIlgar Akalın

Fork of Vega-Lite API Template

This fork of the Vega-Lite API Template presents an interactive scatter plot of the Auto MPG dataset from the UCI Machine Learning Repository, sourced via a GitHub Gist. The visualization shows vehicle fuel efficiency (mpg) against horsepower, with color encoding by country of origin and point size encoding weight, plus tooltips displaying car names. Built with the Vega-Lite API (vl), it registers Vega and Vega-Lite for rendering, uses d3.csv to load data, and applies custom axis and label styling from a config file. The chart auto-fits to the browser viewport with an SVG renderer and integrates vega-tooltip for hover interactions.

AArookie-2020