SPAC IPO Counts and Proceeds Stacked Bar Charts

100%

SPAC IPO Counts and Proceeds Stacked Bar Charts

✓ Published0🌍 Public

Last edited May 18, 2021

Created on May 18, 2021

Forked from Number of Space Missions by Company/Country/Status Rocket

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.

AI-generated description

This Stacked Bar Chart shows the number of missions that were executed by each company and the status of those missions is represented by a different color and the number of missions in a particular status is shown as the tooltip on hover. The visualization is constructed using the vega-lite-api.

The dropdown allows the user to change what x-axis represents by selecting one of the attributes.

The data shown here comes from here.

MIT Licensed

Similar vizzes

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

80% match

Loading thumbnail…

Fork of Number of Space Missions by Company/Country/Status Rocket

This stacked bar chart displays the number of space missions by company, country, or rocket status, with mission status encoded by color and total counts shown via tooltip on hover. A dropdown menu lets users switch the x-axis attribute among these three categories. The visualization is built with the vega-lite-api, registered with vega and vega-lite, rendering as SVG. Data is loaded asynchronously from a CSV file via d3.csv, and a React component manages the dropdown state and chart re-rendering.

Ssuji8073

78% match

Loading thumbnail…

Fork of Number of Space Missions by Company/Country/Status Rocket

This interactive stacked bar chart visualizes the number of space missions, segmented by mission status and grouped by a selectable attribute (Company Name, Country, or Rocket Status) via a dropdown. Users can hover over bars to see exact mission counts. The visualization is built using React, the Vega-Lite API (vl) with D3 for data loading, and uses a CSV file from a GitHub gist as its data source. The chart's appearance is customized through a config object.

NNarayana Reddy

78% match

Loading thumbnail…

Fork of Number of Space Missions by Company/Country/Status Rocket

NNarayana Reddy

78% match

Loading thumbnail…

Number of Space Missions by Company/Country/Status Rocket

A stacked bar chart shows the number of space missions grouped by company, country, or rocket status, with mission status encoded by color and tooltips revealing exact counts. A dropdown menu lets viewers switch the x-axis dimension among these attributes. Built with React, the visualization uses the Vega-Lite API to render bars and a custom `getData` function fetches CSV data via `d3.csv`, extracting the country from the mission location.

Nnaisargidave

78% match

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

77% match

Loading thumbnail…

Number of Space Missions by Company/Country/Status Rocket

This stacked bar chart shows the number of space missions by company, country, or rocket status, with mission status indicated by color. A dropdown lets users switch the x-axis attribute among these three categories. The visualization uses Vega-Lite, registered through the vega-lite-api, with D3 for CSV data loading and React for the interface. Data comes from a GitHub-hosted CSV of space missions, and the chart renders as an SVG with a custom tooltip handler.

Nnaisargidave

77% match

Loading thumbnail…

Stacked barchart

This stacked bar chart shows the total number of rockets launched per year, with each bar segment colored by company name to reveal mission success or failure. It uses Vega-Lite’s API via `vl.markBar()` and `vl.transform.groupby` to aggregate counts, while encoding year on the x-axis and rocket count on the y-axis. The data comes from a CSV of global space launches, and the visualization integrates multiple tooltip fields for Count and Company Name. Styling is customized through a config file that adjusts axis ticks, label sizes, and dark text colors for readability.

KKamal Bahadur Rana

75% match