Skip to main content
100%

Vega Lite Bar Chart

✓ Published0🌍 Public
Aaaizemberg
Last edited Nov 26, 2018
Created on Nov 21, 2018

This bar chart displays monthly death counts from the Crimean War, broken down by cause of death, using a custom color scale with muted tones. The visualization is built with Vega Lite, embedded via vega-embed, and renders as a temporal bar chart with dates formatted as month and year. The data is embedded directly in the specification, showing values for zymotic diseases and wounds, with bar size set to 14 pixels.

AI-generated description

Similar vizzes

Loading thumbnail…

Vega-Lite API Template

A single bar chart displays the estimated incidence of cancer cases per year, using orange bars along quantitative and temporal axes. The visualization is built with the Vega-Lite API, which programmatically composes a bar mark and encodings in `viz.js`, while `index.js` registers Vega, Vega-Lite, and Vega-Tooltip, renders the chart to SVG, and sizes it to fit the viewport. Data is loaded asynchronously from a CSV file containing cancer statistics using d3.csv, and a custom configuration in `config.js` adjusts axis and label styling.

Yyastika
79% 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
79% match
Loading thumbnail…

Covid-19 Total Number of death caused

A bar chart shows the total number of COVID-19 deaths per country, with each bar’s height and color mapped to the `total_deaths` field and bars sized by the same value. Using the Vega-Lite API, the visualization groups the raw data by `location` and encodes death counts on the y-axis, with tooltips revealing exact values. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV (originally from Data World), and the chart is rendered with Vega-Lite’s mark-bar, using a custom config for axis styling.

AAbdul Salam Almadani
76% match
Loading thumbnail…

Untitled

A stacked bar chart displays monthly mortality counts from the Crimean War, broken down by cause—disease, wounds, and other—using a dataset from a TSV file. The chart uses an ordinal x-axis with rounded bands and a linear y-axis, with layers computed via `d3.layout.stack`. SVG rectangles represent each cause per month, colored by a category scale. Formatting relies on `d3.time.format` for date parsing and axis tick labels, with axes generated through `d3.svg.axis`.

KKrishu
76% match
Loading thumbnail…

Vega-Lite API Template

This example shows global hospital bed counts by country, with bars colored by hospital type and sorted by value. It uses the vega-lite-api to construct a bar chart specification programmatically, then renders it with Vega-Lite and Vega. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file. The visualization fills the browser window, using a custom dark theme and Vega Tooltip for interactive hover details.

IIris Lin
76% match
Loading thumbnail…

Fork of Vega-Lite API Template

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.

AAnmol Gupta
75% match
Loading thumbnail…

Vega-Lite API Template

A bar chart displays the number of convictions for each age group, sorted in descending order by age. The visualization is built using the Vega-Lite API library, which programmatically constructs the chart specification via `vl.markBar()`, `vl.x()`, and `vl.y()`. Data is loaded asynchronously from a CSV URL using `d3.csv`. The chart renders with Vega-Lite's SVG renderer, and hovering triggers a tooltip via the `vega-tooltip` handler. Appearance is customized through a shared config object that removes axis domains and adjusts tick colors, label sizes, and dark text styling.

Llscholz1
75% match
Loading thumbnail…

Stacked Bar Chart

A stacked bar chart displays monthly mortality causes from the Crimean War, showing counts of disease, wounds, and other causes over a 23-month period. The chart uses an ordinal x-axis for dates and a linear y-axis for counts, with each bar subdivided into colored layers using the d3.layout.stack layout. D3 v3 renders the visualization as SVG, with axes generated via d3.svg.axis and categorical colors from d3.scale.category10. Data is loaded from a TSV file and parsed with d3.time.format before being passed through the stacking function.

NNikhilkuyya
75% match