Skip to main content
SimilarExport ZIP
100%

Fork 2 of Vega-Lite API Template

✓ Published1🌍 Public
Iiffath.namira@csedge.org
Last edited Jan 10, 2025
Created on Jan 10, 2025

This visualization displays automobile data from a CSV file, plotting each car as a point based on miles per gallon and horsepower. Points are colored by origin and sized by weight, with a tooltip revealing the car’s name on hover. The code uses the Vega-Lite API to construct the chart, registering Vega and Vega-Lite with a tooltip handler, and customizes axis styling from a configuration object.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template_DL

This visualization shows the relationship between miles per gallon and horsepower for cars from the auto-mpg dataset, with points colored by origin. It uses the Vega-Lite API to construct a circle mark with quantitative scales for both axes, and includes a tooltip displaying car names. The code loads CSV data via d3.csv, applies custom styling through a configuration object, and renders the chart as SVG using Vega, Vega-Lite, and the vega-lite-api library.

Nnqu9DL
93% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes automobile performance data from a CSV file, plotting miles per gallon against horsepower. Colored circles represent the country of origin, while circle size encodes vehicle weight, with tooltips displaying detailed attributes. The visualization is built using the Vega-Lite API, registering Vega and Vega-Lite libraries with a custom configuration for axis styling and tooltip handling. Data is loaded asynchronously via D3's `csv` function, and the chart renders responsively to fill the browser window using an SVG renderer.

Pparshwa30122002@gmail.com
93% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays automobile data from the classic Auto MPG dataset, plotting each car as a circle with origin on the x-axis, horsepower on the y-axis, weight mapped to color, and miles per gallon to circle size. Hovering reveals the car’s name via tooltips. It uses the Vega-Lite API to construct the specification, with Vega and Vega-Lite rendering to SVG, and D3’s CSV loader to fetch the remote data file. Custom configuration adjusts axis appearance and label styling.

Ggeorgie-flood
93% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes automobile performance data from a CSV file, plotting each car’s origin against its horsepower as a scatterplot with semi-transparent circles and tooltips showing the vehicle name. It uses the Vega-Lite API to construct the chart declaratively, with D3’s `csv` function for data loading and Vega-Tooltip for interactive hover details. The code registers Vega and Vega-Lite, then renders the visualization in an SVG view, with custom axis and label styling applied via a shared configuration object.

LLaura Brown
93% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes automobile data from a CSV file, plotting each vehicle as a circle based on its origin, horsepower, and weight. The chart uses color to encode weight and circle size to represent miles per gallon, with tooltips showing vehicle names. Built with the Vega-Lite API and D3.js, it loads data asynchronously and renders an interactive scatter plot that fits the full window. The visualization configures axes and label styles, and integrates Vega tooltip for hover details.

Nnayak-sarvesh12
93% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization uses the Vega-Lite API to plot automotive data from the auto-mpg.csv dataset, showing car origin along the x-axis, horsepower on the y-axis, and encoding weight through color and mpg through point size. The chart renders as an SVG using vega, vega-lite, and vega-lite-api, with d3.csv loading the data and vega-tooltip providing interactive hover details that reveal each car’s name. A custom config adjusts font sizes and axis colors for readability.

LLei Lei
92% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays automobile data from a CSV file, plotting engine displacement against horsepower. Each point represents a vehicle, with color encoding the model year and size encoding vehicle weight. Tooltips reveal the car name when hovering. The chart uses the Vega-Lite API to construct the specification, with D3.js handling data loading via `d3.csv`. The visualization is rendered to SVG and fills the browser window, using a custom configuration to improve readability with larger fonts and adjusted axis styling. The code imports `vega`, `vega-lite`, and `vega-lite-api`, registering them with a tooltip handler to enable interactive data exploration.

Ssmsk2980
92% match
Loading thumbnail…

Fork of Vega-Lite API Template2

This visualization displays automobile performance data from the UCI Machine Learning Repository, plotting miles per gallon against horsepower for individual car models. Points are colored by region of origin and sized according to vehicle weight, with tooltips revealing model names. The implementation uses the Vega-Lite API combined with Vega and Vega-Lite libraries, with D3’s `csv` function loading the dataset. The chart is configured for full-window rendering, with axis styling and dark text customized in the configuration file.

VVictor Henriquez
92% match