Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

VegaLitePractice

Public visualization

Viewing a saved revision (read-only)

44772d55818c49c9a3baf27f4f9497c4

VegaLitePractice

0 stars0🌍 Public
Ddan815
Last edited Aug 26, 2022
Created on Aug 26, 2022
Forked from HTML Starter

This example demonstrates how to embed Vega-Lite visualizations in a React application. It loads the Vega, Vega-Lite, Vega-Lite API, Vega-Tooltip, and D3 v5 libraries via CDN, then uses them to render interactive charts within a single-page interface. The code creates a visualization pipeline where Vega-Lite specifications are parsed and rendered as SVG or Canvas output, with tooltips enabled for user interaction. The minimal HTML page and JavaScript setup show a practical starter template for integrating declarative visualization grammars into modern web frameworks.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.