Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Vega-Lite API Template

Public visualization

Viewing a saved revision (read-only)

1db70137bbc046a9a23c83ff44e47940

Fork of Fork of Vega-Lite API Template

0 stars0🌍 Public
Nnkmwambs
Last edited Jul 4, 2022
Created on Jul 4, 2022

This example visualizes yearly costs by bar height, with tooltips displaying the associated account code. The visualization is built with the Vega-Lite API, using `vl.markBar()`, `vl.x()`, and `vl.y()` to encode the data fields. It loads CSV data from a remote URL via `d3.csv`, then renders the chart to a canvas using Vega and Vega-Lite’s rendering engine. The `config.js` file customizes axis and label styling for improved readability, while the `vega-tooltip` handler enables interactive hover details.

AI-generated description

A visualization constructed using the vega-lite-api.