horsepower

100%

✓ Published0🌍 Public

Last edited Dec 1, 2021

Created on Dec 1, 2021

A scatterplot shows gross sales amounts over time for a vacuum cleaner product, colored by currency code. The visualization is built using the Vega-Lite API, which registers with Vega and Vega-Lite to render the chart as an SVG. It loads CSV data from a GitHub gist via d3.csv, with circles sized at 200 pixels and 10% opacity to reveal overlapping points. Axes are customized through a config object, and tooltips display the currency code on hover.

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

76% match

Loading thumbnail…

horsepower legend

This scatter plot visualizes the relationship between miles per gallon (mpg) and horsepower for various car models, with points colored by their country of origin. The visualization uses the Vega-Lite API, built on Vega and D3, to render an interactive SVG chart. Data comes from the UCI Machine Learning Repository's Auto MPG dataset. Tooltips display additional attributes like weight when hovering over individual data points. The chart is configured with custom axis styling and a dark color scheme for improved readability.

EEnes Gök

75% 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

74% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes automobile horsepower trends over time using a scatter plot, where each point represents a vehicle model year. The visualization uses a Vega-Lite API specification to encode the year on the x-axis and horsepower on the y-axis, with tooltips displaying vehicle names. Data is loaded asynchronously from a CSV file via d3.csv, and the chart is rendered with the vega, vega-lite, and vega-lite-api libraries, along with vega-tooltip for interactive hover details. The configuration customizes axis and label styling for improved readability.

TT.T

74% match

Loading thumbnail…

Fork of Vega-Lite API Template

This interactive scatter plot visualizes the relationship between miles per gallon and horsepower for automobiles, with each point colored by origin and sized by horsepower. The visualization uses the Vega-Lite API in JavaScript to construct a circle mark with quantitative x and y encodings, along with color, size, and tooltip encodings. It loads data from a CSV file via `d3.csv` and renders as an SVG using the vega-lite-api library. Appearance is customized through a config file that adjusts axis and label styling for readability.

Bbryce-walsh

74% 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

73% match

Loading thumbnail…

109550048-lris scatter plot

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.

TTrashBoatDora

73% match

Loading thumbnail…

Vega-Lite API Template

This example demonstrates a scatter plot of automobile data, showing the relationship between acceleration and horsepower. Each point is colored by the car’s country of origin, with a tooltip displaying the car’s name. The visualization is built using the Vega-Lite API, which composes a specification programmatically and renders it as SVG. Data is loaded asynchronously from a CSV file via d3.csv, while vega-tooltip provides interactive hover details. The code also applies custom axis and label styling through the vega-lite config object for improved readability.

VVictor Masson

73% match