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)

5420c61db7da4849848e4df05007b967

Fork of Vega-Lite API Template

0 stars0🌍 Public
LLuke Davis
Last edited Sep 12, 2021
Created on Sep 12, 2021

This example visualizes a timeline of "Channel Created" events with a circular mark for each occurrence, where the x-axis encodes the event timestamp and the y-axis shows the count of events. The chart is built using the Vega-Lite API, which registers Vega and Vega-Lite libraries and renders to SVG, with a custom tooltip handler from the Vega-Tooltip library. Data is hardcoded as an array of event objects in the code, and the visualization uses a dark color scheme with custom axis styling. The mark encoding is defined using the `vl.markCircle()`, `vl.x()`, `vl.y()`, and `vl.tooltip()` API calls, with the x-field set to the timestamp and the y-axis using a count aggregation.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.