Skip to main content
SimilarExport ZIP
100%

StackOverflow summary data in Vega-lite

✓ Published0🌍 Public
Llakalia@wpi.edu
Last edited Sep 24, 2020
Created on Sep 17, 2020
Forked from Hello VizHub

This visualization shows the total number of StackOverflow questions per month, broken down by category, using semi-transparent bar marks. The data comes from a CSV summary of 60k StackOverflow questions hosted as a GitHub gist and loaded with `d3.csv`. Built with the `vega-lite-api`, it registers Vega and Vega-Lite, uses a custom config for axis styling, and renders to SVG. Tooltips display question totals via `vega-tooltip`, while bar colors encode the question category.

AI-generated description

StackOverflow summary data: A visualization constructed using the vega-lite-api.

StackOverflow summary data is a summary of 60k Stack Overflow Questions with Quality Rating at kaggle.com

MIT Licensed

Similar vizzes

Loading thumbnail…

Vega-Lite API Template

This example shows a stacked bar chart of population by country, colored by religion, using a Vega-Lite specification written in JavaScript. The visualization queries data from a CSV file hosted on GitHub, loads it via `d3.csv`, and renders with an SVG backend. It demonstrates the vega-lite-api library’s fluent encoding methods, along with vega-tooltip for interactive hover details, and custom axis and label styling from a shared config object.

CCurran Kelleher
75% match
Loading thumbnail…

Vega-Lite API Template_Stacked Bars

A stacked bar chart visualizes the distribution of population by religion across countries, ranking countries by total population on the x-axis. Built with the Vega-Lite API, it registers vega, vega-lite, and vega-tooltip, using `vl.markBar` with encodings for country, population, and religion color. The data is loaded via D3's `csv` from a GitHub Gist containing UCI Machine Learning Repository Auto MPG data, though the visualization actually uses religion-by-country data. The chart renders as an SVG, fitting the window size with custom axis styling from a separate config file.

OOleg Zhernovoy
75% match
Loading thumbnail…

Vega-Lite API Stacked Bar Chart Template

This example demonstrates a stacked bar chart generated using the Vega-Lite API, with data loaded from a CSV of religious demographics by country. The code imports the vega, vega-lite, and vega-lite-api libraries, registers them together, and configures a custom tooltip handler. The visualization renders as an SVG that fills the entire viewport, using the `autosize` fit option and custom axis and label styling defined in a separate configuration module. The data is fetched asynchronously via D3's `csv` function.

Ppjdhungana@gmail.com
75% match
Loading thumbnail…

Vega-Lite API Template - Stacked Bar Chart

This stacked bar chart visualizes the distribution of religious affiliations across countries, using circle area to encode population size for each country-religion pair. The visualization is built with the Vega-Lite API, which registers Vega and Vega-Lite libraries to generate an SVG rendering. Data is loaded asynchronously from a CSV file via d3.csv, and the chart includes interactive tooltips handled through the vega-tooltip library. The visualization employs custom configuration for axis styling and font sizing, with automatic resizing to fit the viewport dimensions.

Nnkohdatavis
75% match
Loading thumbnail…

Stacked Bar Chart w/ Vega Lite API

This stacked bar chart visualizes the population breakdown by religion for various countries, using the Vega-Lite API to construct the chart declaratively. The visualization loads CSV data from a GitHub gist via d3.csv, and renders an interactive SVG with tooltips. The code customizes the appearance through a Vega-Lite config object, adjusting font sizes and axis styling, while the chart itself sorts countries by total population and omits the zero baseline for a more compact layout. The example combines Vega, Vega-Lite, Vega-Lite API, Vega Tooltip, and D3 v5 libraries.

Hhunsingeruk@gmail.com
75% match
Loading thumbnail…

Stacked Bar Chart Vega Lite API

A stacked bar chart displays population distribution by country across religious groups, using categorical colors to distinguish religions and sorting countries in descending order. Built with the Vega-Lite API for declarative charting, it loads CSV data via `d3.csv` from a remote URL, then renders as an SVG view with custom axis styling and tooltips from `vega-tooltip`. The visualization integrates Vega, Vega-Lite, and D3 v5, wrapping the specification in a responsive layout that fits the browser window.

Vvmonney
75% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a stacked bar chart of population by country, segmented by religion, using data from a Gist derived from the UCI Machine Learning Repository. The visualization is built with the Vega-Lite API, which registers Vega and Vega-Lite to render SVG output, and includes a tooltip handler from vega-tooltip. The code fetches data via `d3.csv`, applies a custom configuration for axis styling, and sorts the bars in descending order.

OOluwatobi Samuel Akinola
74% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example shows a stacked bar chart of population by country, with bars segmented by religion and tooltips displaying population values on hover. It uses the Vega-Lite API to build the visualization, with `vl.markBar()` and encodings for country, population, and religion, while `vega-tooltip` provides interactive popups. Data comes from a CSV file loaded via D3’s `csv` function, and the chart is rendered as SVG, configured with a custom theme for larger axis labels and titles.

Sspawan432
74% match