Box plot for Dry Mass and Class of Orbit

100%

Box plot for Dry Mass and Class of Orbit

✓ Published0🌍 Public

Last edited Apr 9, 2023

Created on Apr 9, 2023

Forked from Box plot for Launch 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.

AI-generated description

A program to plot box plot

Plot is showing min, quantile 1, median,quantile3, max values for sepallength of Setosa, Versicolor, and Viginica Iris data is available here [https://gist.github.com/manasishrotri/ee68ea71a0867091c6dbf96b77d0c63f]

BoxPlot inspired from (d3-graph-gallary)[https://www.d3-graph-gallery.com/graph/boxplot_several_groups.html]

MIT Licensed

Similar vizzes

Loading thumbnail…

Box plot for Launch Mass and Class Of Orbit

This visualization uses box plots to show the distribution of launch mass (in kilograms) across different classes of orbit. The plot displays the minimum, first quartile, median, third quartile, and maximum for each orbit class, with whiskers extending to 1.5 times the interquartile range. Built with React and D3 v5, the chart uses `scaleLinear` and `scaleBand` for axes, `quantile` for statistical calculations, and custom SVG components for rendering the box rectangles, median lines, and whisker caps. Data comes from a CSV file loaded via D3’s `csv` function.

Vvryvarma5577@gmail.com

88% match

Loading thumbnail…

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.

Vvryvarma5577@gmail.com

82% match

Loading thumbnail…

Scatter Plot UCS Satellite Dataset

This scatter plot visualizes the relationship between dry mass and power for satellites in the UCS Satellite Dataset. Each circle represents a satellite, with its position determined by mass on the x-axis and power on the y-axis, while color encodes the satellite’s country of origin. The code loads the CSV data using D3’s `csv` method, applies linear scales via `scaleLinear`, and renders the SVG circles with `d3.schemeCategory10` for color mapping. Axis labels are added via `axisLeft` and `axisBottom`, demonstrating a straightforward D3 v6 data-binding workflow.

RRohith Reddy

69% match

Loading thumbnail…

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

Loading thumbnail…

Scatter Plot For UCS Dataset

This scatter plot visualizes the UCS dataset, showing the relationship between dry mass and power for each satellite. Points are colored yellow or red based on whether launch mass exceeds 70 kg. The chart uses d3.csv and d3.autoType to load and parse the data from a GitHub gist. D3 v7 scales and axes position circles in an SVG, with d3.axisBottom and d3.axisLeft rendering the numeric axes.

RRohith Reddy

66% match

Loading thumbnail…

Satellites Scatter Plot

This scatter plot visualizes the launch mass of Earth satellites against their launch year, with each red dot representing a satellite. The data comes from the Union of Concerned Scientists and shows density patterns, with clusters indicating common satellite weights and launch periods. The visualization uses D3 v5 with scaleLinear for mass, scaleTime for years, and axis components to render the SVG. Circles are semi-transparent to reveal overlapping points, highlighting concentration trends across the dataset.

CCurran Kelleher

66% match

Loading thumbnail…

Boxplot in D3

This boxplot visualization displays the distribution of a dataset through a series of vertical box-and-whisker plots, with each plot summarizing key statistics such as the median, quartiles, and potential outliers. The chart is rendered using the D3.js library, specifically leveraging `d3.select` to append SVG elements and `d3.scaleLinear` for the y-axis mapping. Data values are drawn using SVG `rect` and `line` elements, while axes are annotated via `d3.axisLeft`. The example emphasizes standard boxplot conventions, with whiskers extending to the most extreme data points within 1.5 times the interquartile range, and individual outliers plotted as circle markers.

RRiya Mathur

65% match

Loading thumbnail…

Box Plot

This box plot visualizes the distribution of daily new COVID-19 cases across countries, showing minimum, quartiles, and maximum values. The chart uses React to render SVG elements with d3.scaleBand and d3.scaleLinear for axes, while d3.nest() and d3.quantile compute the statistical summaries from the CSV data. The code manually draws each box, median line, and whisker using React components, with d3.csv loading the source data.

Mmanasishrotri

65% match