Fork of Vega-Lite API Template

100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public

Last edited Apr 30, 2022

Created on Apr 30, 2022

This visualization displays trade data as a bar chart, showing trade values by reporting country and mode of transport, with tooltips revealing partner countries. The visualization is built using Vega-Lite API, which compiles to Vega and renders as SVG, with D3.js handling data loading from a CSV file sourced from the UCI Machine Learning Repository. The chart is configured with custom axis styling and dark label colors for readability, and it resizes to fit the browser window.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

The visualization displays a bar chart mapping countries and sectors, with the color of each bar encoding the count of records from a U.S. postal service dataset. It shows the distribution of postal data across these categorical attributes. The code uses the Vega-Lite API to define the chart, built on Vega and Vega-Lite, with d3.csv loading the external dataset. Tooltips are handled via vega-tooltip, and the appearance is customized through a config object to improve readability.

Ppnlinyz

84% match

Loading thumbnail…

Fork of Vega-Lite API Template

This fork of a Vega-Lite API template displays a bar chart of fire counts by type, using data loaded from a CSV file via D3’s `csv` method. The visualization is built with the Vega-Lite API, registering Vega and Vega-Lite libraries, and renders to SVG with a custom dark theme and tooltip support from Vega-Tooltip. The chart fills the browser window and logs the first data row to the console for inspection, though the specific dataset source is the UCI Auto MPG repository.

SShiya

83% 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

83% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes Bitcoin trading activity using a line chart that plots both trading volume and opening price over time. The visualization is built with the Vega-Lite API, which constructs a specification rendered through Vega and Vega-Lite libraries, with the final output displayed as an SVG. Data is loaded asynchronously from a CSV file using d3.csv, and the chart dynamically sizes to fit the browser window. Custom axis styling and tooltips, powered by vega-tooltip, enhance readability of the time-series data.

SSven

83% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes a bar chart of automotive sector data from the UCI Auto MPG dataset, mapping sectors along the x-axis and a quantitative “impact” measure on the y-axis, with color encoding by topic. The visualization is built using the Vega-Lite API, which registers with Vega and Vega-Lite to render SVG output, while d3.csv loads the remote CSV file. A custom configuration adjusts axis styling and font sizes for readability, and the chart auto-fits to the browser window with an interactive tooltip handler.

KKIRRAN P L

82% match

Loading thumbnail…

Fork of Vega-Lite API Template

This bar chart displays forest area in square kilometers per country for 2012, ranked in descending order with each bar colored by country. It uses the vega-lite-api library to construct the visualization, registering Vega and Vega-Lite for rendering. The chart pulls data from a CSV file via d3.csv and applies custom axis and label styling from a configuration object. Tooltips show exact values on hover, and the chart automatically fits the full browser window.

Wwobling1

82% match

Loading thumbnail…

Fork of Vega-Lite API Template

A fork of the Vega-Lite API template displays renewable electricity percentages by country as a bar chart. The visualization, built with the d3.js and Vega-Lite API libraries, queries a CSV dataset from GitHub and transforms the data by stripping percentage symbols. The chart renders bars with hover tooltips, using a custom dark theme for improved readability, and automatically fits to the browser window size via the autosize configuration.

PPascal Mausch

82% 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

82% match