Plot launch year/month

100%

Plot launch year/month

✓ Published2🌍 Public

Last edited Oct 20, 2020

Created on Oct 5, 2020

This scatterplot visualizes space launch activity by year and month, with each dot representing at least one launch occurring in that month. The x-axis groups years into five sequential ranges between 1957 and 2020, while the y-axis orders months from 12 down to 1. The visualization uses React and D3 v5, employing `scaleBand` for both axes, SVG circles for marks, and data sourced from a CSV file on TaylorW43’s GitHub gist. Custom `AxisBottom` and `AxisLeft` components render the tick marks.

AI-generated description

The data shown here comes from Privatization of Space.

This chart meant to show each year which month the launch occurs. The Y menu only has one choice which is Month attribute, the X menu grouped years into groups.

In the future I wish to add dynamic mark radius, the larger the number of launches each month, the larger the radius. Right now it just shows that at this specific month in this specific year it has at least 1 launches.

MIT Licensed

Similar vizzes

Loading thumbnail…

[2]Plot launch year/month with menus

This interactive scatterplot visualizes space launch records, plotting each launch's month against its year. A dropdown menu filters the x-axis by time period, grouping years into ranges like 1957–1970 or 2009–2020. The y-axis remains fixed to months, with points rendered as small circles. Built with React and D3 v5, the chart uses `scaleLinear` and `scaleBand` for axes, `csv` to load data from a GitHub gist, and React Dropdown for menu controls. Each circle’s tooltip displays the launch year.

TTaylor

90% match

Loading thumbnail…

Plot launch year/month with menus

This interactive scatterplot displays rocket launch years and months, with each circle marking at least one launch. A dropdown menu lets viewers filter the x-axis to show all years or specific date ranges. The visualization uses React for the interface and D3 scales for positioning, rendering marks as SVG circles. The y-axis is fixed to months, while the x-axis domain varies based on the selected range. Data comes from a CSV file detailing space privatization efforts.

TTaylor

89% match

Loading thumbnail…

[1]Total Number of Rockets Throughout The Years

This visualization displays the total number of rocket launches per year, with a bar chart where the x-axis represents the year and the y-axis shows the launch count. Built with React and D3 v5, it uses SVG rendering and scales from `d3.scaleLinear` to map data values. The underlying data comes from a CSV file on privatization of space, and each bar includes a tooltip showing the specific year and count.

TTaylor

75% match

Loading thumbnail…

Activity - 7 - Q2

This chart displays the number of space launches per year worldwide using a line and area chart. The visualization uses D3 v5 to load CSV data, map year strings to Date objects, and render SVG paths with a basis curve. The y-axis uses abbreviated numbers, and both axes are labeled. The line and area are styled with CSS classes, and the chart includes grid lines and axis labels.

NNitish Thotakura

74% match

Loading thumbnail…

points

This visualization maps the global distribution of space launches, with circles sized by the number of launches at each location. It uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and country borders from the world-atlas TopoJSON dataset. The data comes from a CSV of privatization of space launches. React manages the component structure, while `d3.scaleSqrt` maps launch counts to circle radii, and SVG `<title>` elements provide hover tooltips.

TTaylor

72% match

Loading thumbnail…

All Space Missions from 1957

This visualization displays all space missions since 1957 as a scatterplot, with each point representing a single rocket launch. The x-axis encodes the mission date (Datum) while the y-axis lists the company name. The plot is rendered using the Vega-Lite API, which is registered with the Vega and Vega-Lite libraries. The code loads CSV data from a GitHub gist via `d3.csv`, and the chart is configured with a custom dark color scheme, no axis domain lines, and a responsive auto-fit size. Tooltips are enabled through the Vega-Tooltip handler.

Ggeorgeeeee

72% match

Loading thumbnail…

Fork of Date on a map

This visualization combines a world map of launch sites with a date histogram to explore historical launch data. React components render a D3 geoEqualEarth projection with graticules and country boundaries, while red circles sized by a d3.scaleSqrt show the number of launches per site. A brushed time series in the lower panel filters the map interactively via d3.brushX. The data comes from a CSV of historical launches, and all rendering uses SVG paths, rects, and circles.

DDonya-Vafanejad

71% match

Loading thumbnail…

Fork of Historical Space Launches on a map

A choropleth-style world map displays historical space launch sites as red dots, with a linked date histogram below showing launch frequency over time. The map and histogram are synchronized through a brush filter: dragging across the histogram updates the map to show only launches within the selected time range. The visualization uses React for component structure and D3 v7 APIs such as `d3.bin`, `d3.brushX`, `d3.scaleTime`, and `d3.geoPath` to render the world atlas and plot the filtered data points. Launch data is loaded from a CSV file.

Nnagamaheswar

71% match