Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Vega-Lite API Template

Public visualization

Viewing a saved revision (read-only)

5a12e46cfefc4f1c87566fe9b5ca9e7a

Fork of Vega-Lite API Template

0 stars0🌍 Public
RRohinton Kazak
Last edited May 24, 2021
Created on May 24, 2021

This visualization presents a density plot of automobile horsepower over time, using a filled line mark with 10% opacity to reveal overlapping data patterns. The visualization is built with the Vega-Lite API, where the visualization specification is defined declaratively in `viz.js` using functions like `markLine` and `encode`, then rendered to SVG via the Vega view system. Data is loaded asynchronously from a CSV file containing auto-mpg records using d3.csv, with mouse interactions handled through Vega Tooltip. The chart dimensions dynamically adapt to the browser window, and the axis styling is customized through a shared configuration object.

AI-generated description

A visualization constructed using the vega-lite-api.