Skip to main content
Explore
Solutions
Bespoke Studio
Pricing
Quick Start
Demo
Log in
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Home
•
Fork Viz
Fork Viz
Create your own copy of this visualization.
Forking from
Vega-Lite API Template
Title
*
Description
This example shows the relationship between engine displacement and horsepower for a collection of automobiles, with points colored by region of origin and tooltips revealing model names. The visualization uses the Vega-Lite API to construct a scatter plot declaratively, with `vl.markCircle`, `vl.x`, `vl.y`, and `vl.color` encoding channels. Data loads asynchronously via D3’s `csv` function from a GitHub gist, and the resulting chart renders as SVG, styled through a custom config object that adjusts axis and label appearance. The code integrates Vega, Vega-Lite, Vega-Lite API, and Vega-Tooltip to enable interactive hover details.
Visibility
Public
Private (only you), Pro
Unlisted (anyone with link)
Private work requires Pro.
Upgrade
Cancel
Fork Viz