Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Vega-Lite API Template

Public visualization

Viewing a saved revision (read-only)

c78f903591c845a3892930addecc7d43

Vega-Lite API Template

0 stars0🌍 Public
MMohammed Banani | MbDev
Last edited May 5, 2022
Created on May 5, 2022

A red-green-yellow horizontal bar chart visualizes the 2022 popularity share of programming languages, sourced from a CSV via `d3.csv`. Each bar is encoded using the Vega-Lite API’s `.markBar()`, with x-position sorted descending by share, y-axis representing percentage, and color mapped to language name. The visualization uses `vl.x().fieldN()`, `vl.y().fieldQ()`, and `vl.color().fieldN()` for encoding, with a tooltip on language. The rendered SVG, configured with custom axis and label styles from `config.js`, spans the full window, built with `vega-lite-api` and `vega-tooltip`.

AI-generated description

A visualization constructed using the vega-lite-api.