TINTIN Vega-Lite API Template

100%

TINTIN Vega-Lite API Template

✓ Published0🌍 Public

Last edited Apr 17, 2021

Created on Apr 17, 2021

This example visualizes SPAC (Special Purpose Acquisition Company) data, using a bar chart to show IPO Count over Year, with color encoding for Gross Proceeds. The visualization is built with the Vega-Lite API, combining vega, vega-lite, and vega-lite-api libraries, and renders as an SVG. Data is loaded asynchronously from a CSV URL via d3.csv, and the chart’s appearance is customized through a configuration object that adjusts axis styles and label fonts.

AI-generated description

A program to visualize SPAC related figures.

MIT Licensed

Similar vizzes

Loading thumbnail…

TINTIN Vega-Lite API Template

This example visualizes financial data for SPACs, plotting each stock’s current price against its annualized return since IPO as a scatterplot. Each circle’s color encodes an acceleration value, and hovering reveals the stock’s name via a tooltip. The chart is built using the Vega-Lite API, which registers Vega and Vega-Lite, with D3’s `csv` function loading the dataset from a remote GitHub gist. Appearance customization, including axis styling and dark text, is defined in a separate config object, and the resulting SVG renders to fill the browser window.

Ppnlinyz

91% match

Loading thumbnail…

TINTIN SPAC trend

This visualization shows the trend of SPAC and IPO activity in the US over time, using stacked bars to compare counts by type. The chart encodes the year on the x-axis and the summed IPO count on the y-axis, with color distinguishing SPAC from IPO types. It is built using the vega-lite-api, which registers vega and vega-lite, and loads CSV data via d3.csv. The bar marks are rendered with SVG, and appearance is customized through a configuration object for axis styling and tooltip settings.

Ppnlinyz

84% match

Loading thumbnail…

SPAC IPO Counts and Proceeds Stacked Bar Charts

This interactive visualization displays SPAC IPO counts and proceeds as stacked bar charts, with bars segmented by company and colored by mission status. A dropdown menu lets users switch the x-axis attribute between company name, country, or rocket status. The chart is rendered using the vega-lite-api library with vega-lite and vega, while React manages the UI state and dropdown interactions. Hovering over bars reveals tooltips with mission counts, and the data comes from a CSV file containing IPO counts, proceeds, year, and type information.

Ppnlinyz

77% match

Loading thumbnail…

Vega-Lite API Template

This example visualizes infrastructure indicators by plotting each data point as a circle, with the year on the x-axis, the indicator type on the y-axis, and the color encoding the numeric value. Tooltips reveal the exact values on hover. The visualization is built using the Vega-Lite API, which registers Vega and Vega-Lite libraries to render the chart as SVG. Data is loaded asynchronously from a CSV file using d3.csv, and the chart’s styling and axis labels are customized through a configuration object. The visualization automatically fits the full browser window.

SSabin Bhandari

77% match

Loading thumbnail…

Vega-Lite API Template

This example renders an interactive bar chart of population by country for 2015, using data from a Gist CSV file. It visualizes the rank-ordered values with a dark theme and custom axis styling. The visualization is built with the Vega-Lite API, which composes specifications programmatically in JavaScript, integrated with Vega and Vega-Lite libraries. It also uses D3’s `csv` loader for data ingestion, and Vega Tooltip for hover interactions, with the chart fitted to the full viewport.

TTengHoo3

76% match

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

76% match

Loading thumbnail…

Vega-Lite API Template

This example visualizes the sum of slum households per division using a bar chart generated with the Vega-Lite API. It renders bars sized to five pixels, sorted by aggregate value, and applies a custom dark-color configuration for axis labels and titles. The code loads CSV data from a GitHub gist using d3.csv, registers vega, vega-lite, and vega-lite-api, and enables tooltips via vega-tooltip’s Handler.

Ssofia-martinovich

75% match

Loading thumbnail…

test Vega-Lite API 2

This example displays a bar chart of satellite launch purposes by country, with bar heights encoded via a symmetric log scale and bars colored by purpose, using a dataset loaded from a CSV file. It is built with the Vega-Lite API, which registers Vega and Vega-Lite libraries, and renders the visualization as SVG using `vl.markBar`, `vl.x`, `vl.y`, and `vl.color` encodings. The chart fills the browser window, and a Vega Tooltip handler is initialized to show value details on hover.

Ssurikmeetr

75% match