Fork of Fork of Vega-Lite API Template

Fork of Vega-Lite API Template

This scatter plot visualizes the relationship between miles per gallon, horsepower, weight, and origin for vehicles from the UCI Auto MPG dataset. The visualization uses the Vega-Lite API with D3.js to load CSV data and render interactive circles with tooltips. Point color encodes the vehicle’s country of origin, while point size reflects weight. The chart is configured to fill the browser window and uses custom axis and label styling for clarity. Data is fetched via d3.csv from a Gist-hosted CSV file.

JJasmine Ye Han

Fork of Vega-Lite API Template

This example visualizes the relationship between miles per gallon, horsepower, origin, and weight for vehicles from the Auto MPG dataset. The scatter plot encodes the quantitative fields on the x- and y-axes while using color and size to represent categorical origin and continuous weight, with tooltips showing vehicle names. Built using the Vega-Lite API, it registers Vega, Vega-Lite, and D3’s CSV loader to fetch remote data and render an interactive SVG chart with customized axis and label styling.

AAdhityaa A

Fork of Vega-Lite API Template

This example visualizes the relationship between fuel efficiency, horsepower, weight, and origin using data from the UCI Auto MPG dataset. Scatter plots map miles per gallon and horsepower, while point size encodes vehicle weight and color distinguishes geographic origin. The visualization is built with the Vega-Lite API, which registers Vega and Vega-Lite libraries, and uses d3.csv for data loading. Custom axis styling and tooltips enhance readability, with the view rendered as an SVG that fits the full window.

SSpuddy2884

Fork of Vega-Lite API Template

This visualization displays the relationship between fuel efficiency (mpg), horsepower, origin, and weight for a set of automobiles. The code uses the Vega-Lite API to construct a scatter plot with circle marks, encoding mpg on the x-axis, horsepower on the y-axis, origin as color, and weight as size. Data is loaded from the UCI Machine Learning Repository's Auto MPG dataset via a CSV file, processed using `d3.csv`. The visualization is rendered as an SVG through Vega-Lite, with a custom configuration for axis styling and tooltips.

CCecilia831

Fork of Fork of Vega-Lite API Template

This interactive scatter plot visualizes the relationship between miles per gallon, horsepower, weight, and origin for automobiles from the UCI Machine Learning Repository’s Auto MPG dataset. Each circle, colored by country of origin, uses both its vertical position and size to encode two different quantitative variables, while a tooltip reveals the car’s name. The visualization is built using the Vega-Lite API, which composes marks and encodings declaratively, with D3.js handling data loading via `csv`. The project registers Vega-Lite and Vega with the API, applies a custom dark-themed configuration for improved readability, and renders the output as an SVG that fills the browser window.

BBrian Olczak

Fork of Fork of Vega-Lite API Template

This interactive scatter plot explores the relationship between vehicle horsepower, miles per gallon, weight, and country of origin using U.S. Auto MPG data from the UCI Machine Learning Repository. Each circle’s position, size, and color encode these attributes, with tooltips revealing car names. The visualization is built with the Vega-Lite API, registered through vega, vega-lite, and vega-tooltip, while d3.csv loads the external dataset. A custom dark-themed configuration adjusts axis and label styling for readability.

NNaimisha-M

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, horsepower, weight, and origin for automobiles from the Auto MPG dataset. Using the Vega-Lite API, it renders a scatter plot with color encoding for origin and size encoding for weight, while tooltips reveal vehicle names. The code leverages `vl.markCircle`, `vl.x()`, `vl.y()`, and `vl.color()` to define the marks, with data loaded via d3.csv from a GitHub Gist.

MMerceEscalante