TINTIN SPAC trend

100%

TINTIN SPAC trend

✓ Published0🌍 Public

Last edited Apr 25, 2021

Created on Apr 24, 2021

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.

AI-generated description

A visualization constructed using the vega-lite-api. Data visualization shows the trend of SPAC and IPO activities in US

MIT Licensed

Similar vizzes

Loading thumbnail…

TINTIN Vega-Lite API Template

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.

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

80% match

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

80% match

Loading thumbnail…

Fork of SPAC_ Interactive Color Legend

A React and D3.js scatter plot visualizes SPAC performance, plotting current price against annualized return for each company. Circles are sized by market cap and colored by sector through an ordinal color scale. Users can hover over the interactive color legend to highlight points from a specific sector while dimming the rest. Data comes from a CSV file loaded via `d3.csv`, with all marks rendered as SVG circles.

Aayonghosh2003

70% match

Loading thumbnail…

SPAC_ Interactive Color Legend

This interactive scatter plot visualizes SPAC investment data, plotting annualized returns against current price with circles sized by market cap. A color legend on the right encodes sector membership; hovering over a legend category fades unrelated points and highlights only the selected sector. Built with React and D3 v5, it uses `scaleOrdinal` for colors, `scaleSqrt` for circle radius, and React state (`useState`) to manage hover interactions. The legend component applies opacity transitions dynamically, while native SVG `<title>` elements provide tooltips with investment details.

Ppnlinyz

70% match

Loading thumbnail…

legend mark

This example visualizes SPAC investment data as an interactive scatter plot, showing the relationship between current price and annualized return for various companies. Each point is colored by sector and sized by market cap, with a color legend on the right. Hovering over a legend item highlights the corresponding sector’s points while fading others, using React state and `onMouseEnter` handlers. The chart is rendered with SVG via D3 scales (`scaleLinear`, `scaleOrdinal`, `scaleSqrt`) and React components, reading CSV data through `d3.csv`.

EEnes Gök

66% match

Loading thumbnail…

Fork of Making a Bar Chart

This horizontal bar chart displays the year-over-year compound annual growth rate (CAGR) of IPOs from 2006 to 2020, with positive values shown in steelblue bars. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis categories, and `axisBottom` with a custom tick formatter that shortens large numbers. Data comes from a local `data.csv` file, and the SVG rendering includes labeled axes and a title. The chart highlights a notable spike in 2020, reaching a CAGR of 57, compared to earlier years’ mostly single-digit or negative values.

Eeveryfin-in

65% match

Loading thumbnail…

SPAC Interactive Color Legend

This interactive scatterplot displays CSS named colors as a radial burst, with a color legend that highlights matching data points on hover. The visualization uses D3 utilities for data loading and scales (scaleLinear, scaleOrdinal, extent, max), while React components render the SVG marks, axes, and interactive legend. Users can select different attributes from dropdown menus to change the x and y axes, and hovering over a legend item fades non-matching points to 30% opacity. The data comes from a CSV file loaded asynchronously via D3’s csv function.

Ppnlinyz

62% match