Box plot for Launch Mass and Class Of Orbit

Box plot for Dry Mass and Class of Orbit

Box plots display the distribution of satellite Dry Mass (in kilograms) across different Classes of Orbit, summarizing the minimum, first quartile, median, third quartile, and maximum values. The chart uses a vertical layout with a reversed y-axis, colored teal boxes, and black whisker lines. Built with React and D3 v5, the visualization computes quartiles via `d3.quantile` and renders custom SVG components like `boxRect` and `CenterLine`. Data is loaded from a CSV file using `d3.csv`, filtered to non-negative mass values, and grouped by orbit class before plotting.

88% match

Box Plot of Power and Class of Orbit

This interactive bar chart displays the distribution of satellite power (in watts) across different orbit classes. The visualization uses a box plot for each orbit category, showing the minimum, first quartile, median, third quartile, and maximum values. The code leverages d3’s `nest`, `quantile`, `scaleBand`, and `scaleLinear` functions to compute statistics and map data to SVG coordinates. Built with React and D3 v5, it renders directly to SVG elements, drawing box rectangles, center lines, and whisker caps using custom components like `Box`, `CenterLine`, and `UpLine`. The dataset is loaded from a Gist CSV file, and the y-axis is inverted to start from zero.

80% match

Fork of Box Plot

This visualization presents a fork of a classic box plot, summarizing the distribution of new COVID-19 cases across different locations using React and D3 v5. The view displays min, quartiles, median, and max values for each categorical group after filtering to cases above 5,500. The implementation uses D3's `scaleBand`, `scaleLinear`, and `quantile` functions to compute the five-number summaries and render SVG elements, including vertical range lines, interquartile rectangles, and median markers. Data is loaded from a CSV file hosted on GitHub via D3's `csv` loader.

Fork of Box Plot

[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

Fork of first boxplot

This visualization shows a single boxplot of a small dataset, with the median line, interquartile range box, and whiskers extending to the most extreme non-outlier points. Outliers beyond the 1.5×IQR fence are rendered as small circles. The chart is built with D3 v5, using `d3.scaleLinear` for the y-axis, `d3.quantile` to compute quartiles and median, and `d3.axisLeft` for the tick labels. The box, whiskers, and outlier circles are drawn as SVG elements within a React application.

Ddaniel

Satellites Scatter Plot

This scatter plot displays the launch mass of Earth satellites against their launch year, using data from the Union of Concerned Scientists. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the x-axis and `scaleLinear` for the y-axis, with mass values converted from kilograms to thousands of kilograms. Axes are generated using `axisBottom` and `axisLeft`, while circles are appended to the SVG canvas. The plot reveals a wide distribution of satellite masses, with many lighter satellites clustered in recent years and a few heavier ones spread across the timeline.

RRyan Fleming

67% match