Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Vega lite visualization

Public visualization

Vega lite visualization

0 stars0๐ŸŒ Public
Ssxtnxy
Last edited Dec 29, 2021
Created on Dec 27, 2021

This example uses Vega-Lite API within React and D3 to create a bar chart of population by country, colored by religion. The visualization loads CSV data from a GitHub gist and renders an interactive bar chart with tooltips showing population values. It uses `vl.markBar`, `vl.x().fieldN('country')`, `vl.y().fieldQ('population')`, and a color encoding for religion. The chart fits to the window size and applies custom axis styling from a config object, with a Vega Tooltip handler for interactivity.

AI-generated description

Making a smiley face with React and D3

Comments

Sign in to join the discussion.

MIT Licensed