109550048-lris scatter plot

100%

109550048-lris scatter plot

✓ Published0🌍 Public

Last edited Sep 26, 2022

Created on Sep 26, 2022

This scatter plot shows the relationship between engine displacement and horsepower for a dataset of cars, with color encoding the country of origin and tooltips revealing the model name. Data is loaded from a remote CSV file, while the visualization is built using the vega-lite-api library, which registers Vega and Vega-Lite to render the chart as an SVG. The plot is configured with circles of fixed size and opacity, and axes are styled with custom colors and font sizes.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

scatter_plot

This scatter plot visualizes the relationship between engine displacement and horsepower for a collection of automobiles, with each point representing a vehicle model. The visualization is built using the Vega-Lite API, which registers with Vega and Vega-Lite to render the chart as SVG. Data is loaded asynchronously from a CSV file using D3’s `csv` method, and the plot applies a config for custom axis and label styling. Tooltips, enabled via the vega-tooltip handler, display each car’s name on hover, while point opacity and size convey density across the dataset.

Ggoldpot

90% match

Loading thumbnail…

scatter_plot

This scatter plot visualizes the relationship between engine displacement and horsepower for a collection of automobiles, with each point representing a vehicle and its name available via tooltip. The visualization uses the vega-lite-api library to define the chart, which is rendered through Vega-Lite’s SVG backend, and pulls data from a CSV file using d3.csv. The plot is configured with custom axis styling and a dark color scheme, while points are rendered with a subtle opacity to reveal density in overlapping regions.

SsunilthkGmail

90% match

Loading thumbnail…

Test

This scatterplot shows the relationship between engine displacement and horsepower for a set of cars, with each point sized and colored to represent data density. The visualization fetches live data from a PHP endpoint via `d3.json` and renders it using the vega-lite-api library, which builds a Vega-Lite specification. Point opacity is set to 0.1 to reveal overlapping clusters, while tooltips display the car name using the vega-tooltip handler. The chart is configured with custom axis styling and fills the entire viewport.

TTheLoki2020

88% match

Loading thumbnail…

Fork of Vega-Lite API Template

This scatter plot visualizes the relationship between engine displacement and horsepower for a collection of automobiles, using data loaded from a remote CSV file. Each point represents a car model, with tooltips revealing the vehicle's name on hover. The visualization is built using the Vega-Lite API, which constructs a specification rendered through the Vega and Vega-Lite libraries. Data is fetched asynchronously using d3.csv, and the chart configures axis styles and dark guide labels for a polished appearance.

HHarsh Vijay

88% match

Loading thumbnail…

scatter plot

This scatter plot visualizes the relationship between engine displacement, horsepower, and vehicle origin, with circle size encoding weight. The visualization uses the vega-lite-api to construct the chart, which is rendered with Vega-Lite and Vega. Data is loaded from a remote CSV file of auto-mpg records using d3.csv. The plot maps displacement to the x-axis and horsepower to the y-axis, while color differentiates origin and size scales by weight.

MMalempatiSaranya

87% match

Loading thumbnail…

Scatter Plot with Small Points

This scatter plot visualizes the relationship between engine displacement and horsepower for a sample of automobiles. The small, solid points are rendered without strokes, with tooltips displaying the vehicle name on hover. Built using the vega-lite-api specification, the visualization loads data from a CSV file via d3.csv and renders through Vega-Lite’s SVG renderer. Axes and labels are customized in a separate config file, with the chart fitting the full window dimensions.

Llscholz1

87% match

Loading thumbnail…

Fork of Vega-Lite API_DL

This scatterplot visualizes the relationship between engine displacement and horsepower for individual car models, colored by their country of origin. Data comes from the auto-mpg dataset fetched via d3’s `csv` utility. Using the Vega-Lite API, the chart encodes quantitative fields on x and y axes with a circle mark, while categorical origin color uses a custom range. Custom axes styling and a tooltip display attributes like mpg and model name.

Ddavidelowe

87% match

Loading thumbnail…

Vega-Lite API Template

This example visualizes the relationship between engine displacement and horsepower using a scatter plot of vehicle data. The visualization employs a Vega-Lite specification constructed programmatically via the vega-lite-api library, with data loaded from a CSV file using d3.csv. The chart renders as a single SVG element sized to fit the viewport, with points colored by opacity to reveal density. Axis styling and font sizes are customized through a Vega-Lite configuration object, while tooltips are enabled through vega-tooltip.

GGnav3852

86% match