Fork of Vega-Lite API Template

100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public

Last edited Jul 6, 2021

Created on Jul 6, 2021

This example shows a bar chart of deaths per episode, colored by season, with tooltips displaying the death count. It uses the Vega-Lite API to construct the chart specification, with data loaded from a CSV file via d3.csv. The visualization renders as SVG and is configured with custom axis styling and tooltip handlers from vega-tooltip.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a bar chart of temperature readings over time, with a thin bar for each timestamp and a tooltip revealing the exact temperature value. The visualization is built using the Vega-Lite API, which registers Vega and Vega-Lite libraries, and renders the chart as an SVG with an interactive tooltip from vega-tooltip. Data is loaded asynchronously from a CSV file using d3.csv, and the chart’s appearance is customized through a configuration object that adjusts axis labels and title colors. The canvas size adapts to the browser window using autosize.

KKazSoftwareEngineer

82% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization shows a bar chart of temperature readings over time, using a small multiple of vertical bars to represent each data point. The chart is built with the Vega-Lite API, which is registered alongside Vega, Vega-Lite, and Vega-Tooltip. The visualization loads CSV data from a GitHub gist using `d3.csv` via the `getData` function, and applies a custom config object to style axes and labels. Bars are rendered with a fixed size of 5 pixels, and tooltips display the temperature value on hover.

Ddjfeld01

81% match

Loading thumbnail…

Vega-Lite API Template

This example displays a bar chart of U.S. counties with death counts, sorted in descending order, with a tooltip for population. Built with the Vega-Lite API, the visualization uses a D3 CSV loader to fetch the data from a GitHub gist. The chart is rendered as SVG via Vega, and the code applies a custom configuration to adjust fonts and axis styling. The visualization is sized to fit the browser window.

Mmtabaka

81% match

Loading thumbnail…

Vega-Lite API Template

This example displays a scatter plot of Miners’ Deaths data from a CSV file, with the Year on the x-axis and Deaths on the y-axis, using circular marks and tooltips. The visualization is built with the vega-lite-api library, which wraps Vega-Lite and Vega, and is rendered as an SVG via the d3 v5 loader. The code customizes axis and label styling through a config object, and incorporates vega-tooltip for interactive hover details. The plot automatically fits the window dimensions.

DDjPendej0

81% match

Loading thumbnail…

Vega-Lite API Template

This example displays a line chart of miner deaths over time, using a thick semi-transparent stroke that emphasizes the overall trend and peaks. It builds the visualization declaratively with the Vega-Lite API (`vl.markLine`), while D3’s `csv` loads the external dataset from a GitHub gist. The chart is configured via a shared `config` object, and the view is rendered as an SVG with tooltip support from `vega-tooltip`, all initialized through `vl.register`.

DDjPendej0

81% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes COVID-19 vaccination data, plotting total vaccinations against people vaccinated as a scatter plot with tooltips showing location names. Built with the Vega-Lite API and D3.js, it registers Vega and Vega-Lite, loads CSV data via `d3.csv`, and renders an interactive SVG chart that fills the viewport. The visualization applies a custom configuration for axis styling and tooltip formatting, using a dark color scheme for labels and titles.

GGerasimos Katsagannis

80% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example shows a horizontal bar chart of population by country, with bars sorted in descending order and tooltips displaying population values on hover. Built using the Vega-Lite API, it loads CSV data from an external URL via d3.csv, configures visual styling through a custom config object, and renders the chart as an SVG using vega and vega-lite. The chart resizes to fit the window with automatic width and height calculations, and tooltips are enabled through the vega-tooltip Handler.

Ssimontoblad

80% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a bar chart of population by country, colored by religion, with a tooltip showing temperature on hover. The visualization is built using the Vega-Lite API, which wraps Vega and Vega-Lite specifications, and renders to SVG. Data is loaded asynchronously from a CSV file via D3’s `csv` function, sourced from the auto-mpg dataset. The chart is configured with custom axis and label styling, and fills the full viewport using automatic resizing.

AasafJortilles

80% match