Challenger

100%

✓ Published0🌍 Public

Last edited Sep 10, 2015

Created on Sep 10, 2015

The Challenger visualization plots shuttle launch temperature against O-ring damage, drawing on the widely shared o-ring.txt dataset. It uses d3.csv to load the data, then maps temperature and damage values onto linear scales. The scatter plot is rendered as SVG circles, with their x and y positions computed by the d3 scale functions and the chart axes drawn via d3.svg.axis.

AI-generated description

hello markdown

Similar vizzes

Loading thumbnail…

Average Circle

The visualization shows failure times for air-conditioning equipment in two aircraft, presented as concentric circles radiating from the center of an SVG canvas. A dropdown menu lets viewers switch between the first and second aircraft datasets, triggering animated transitions where each circle’s radius scales proportionally to the square root of its value. A persistent yellow circle highlights the mean failure time, while white circles represent individual data points. Built with D3 v5, the code uses `scaleLinear`, `transition`, and custom `dropDownMenu` logic to handle the interactive updates. Data comes from Proschan (1993) as cited in Davison and Hinkley (1997).

RRubens

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

60% match

Loading thumbnail…

CSCE 5320 A6.2

This scatter plot visualizes the relationship between a monster's Challenge Rating (CR) and its Hit Points (HP) from D&D statistics data, loaded as a TSV file. Each red semi-transparent circle represents a monster, plotted by CR on the x-axis and HP on the y-axis. Built with React and D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` to render axes within an SVG that dynamically fills the window. The code directly selects the SVG by ID and removes all elements to redraw the chart when data loads.

SStorm

60% match

Loading thumbnail…

HTML Volcanoes on Venus D3

This example displays a scatterplot-style visualization of volcanoes on Venus, rendered as SVG circles within an HTML page. The code loads the D3 library (v6) and sets up a 960 × 500 pixel SVG canvas, though no explicit data is loaded or bound; it simply logs the D3 version to the console. The visualization relies on D3’s core API for potential DOM manipulation and SVG generation, with basic styling provided by an external stylesheet that removes margins and hides overflow.

SStellaSong1

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

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

60% match

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

59% match

Loading thumbnail…

Untitled

This example visualizes a hierarchical fault tree for a Mars rover mission, showing components like avionics, cameras, and batteries with their potential failure modes. The radial tree layout, rendered as an SVG using D3 v4, positions failure categories and specific faults around a circular structure. Data comes from a CSV file with hierarchical IDs, processed through `d3.stratify` and `d3.tree` to create the node hierarchy. Curved links connect parent-child nodes, with text labels rotated along the circumference to display component names and failure codes.

NNikalculus

59% match