Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Data viz with Vega-Lite API

Public visualization

Viewing a saved revision (read-only)

31d9202b45594c57a67b130f32392b0a

Data viz with Vega-Lite API

0 stars0🌍 Public
AAkram Gassem
Last edited Mar 7, 2021
Created on Mar 7, 2021

This example visualizes live updates from a dataset about U.S. presidents, rendering each update as a bar in a Vega-Lite chart with datetime on the x-axis and author on the y-axis. It uses the Vega-Lite API (`vl.markBar`, `vl.x().fieldT`, `vl.y().fieldN`) to declaratively define the chart, with D3.js (`d3.json`) fetching the data from a GitHub gist. The visualization is customized via a config object, and the final SVG output is appended to the document body through the Vega view’s renderer.

AI-generated description

A visualization constructed using the vega-lite-api.