CMAPSS Dataset Sample 1.0

100%

CMAPSS Dataset Sample 1.0

✓ Published1🌍 Public

Last edited Dec 8, 2021

Created on Dec 7, 2021

This visualization displays a scatter plot of aircraft altitude over time from the CMAPSS dataset, with each point representing a sensor reading. The React component uses D3 v7 scales via `scaleLinear` and `extent` to map data to SVG coordinates, while the axes are rendered as custom React components. The data is loaded asynchronously from a remote CSV file using D3’s `csv` function. Each circle includes a tooltip showing the exact time and altitude values.

AI-generated description

A scatter plot of Data Canvas Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

CMAPSS Dataset Sample 2.0

This interactive scatterplot visualizes flight traces from the CMAPSS turbofan engine dataset, plotting sensor readings such as altitude against elapsed time. Users filter the displayed trace by selecting a unit, flight cycle, and y-axis attribute from dropdown menus. The React application uses D3 v7 scales and axes to render SVG circles with opacity, while tooltips reveal exact coordinate values. Data is loaded as CSV files from GitHub gists.

JJun Suzuki

90% match

Loading thumbnail…

CMAPSS Dataset Viz v2.2

This interactive scatterplot explores sensor data from NASA’s CMAPSS turbofan engine dataset, plotting a selected y-axis attribute (altitude, Mach, TRA, or T2) against elapsed time for a chosen unit and cycle. Users filter data through three dropdown menus built with React state, while D3 v7’s `scaleLinear` and `extent` handle axes and scaling. The React component renders SVG circles with opacity, axes via custom `AxisBottom` and `AxisLeft` components, and includes tooltips showing raw values. Data is loaded asynchronously from a remote CSV using `d3.csv`.

JJun Suzuki

87% match

Loading thumbnail…

CMAPSS Dataset Viz v2.3

This interactive scatter plot displays the CMAPSS aero-engine dataset, with time on the x-axis and a user-selected variable (altitude, Mach, TRA, or T2) on the y-axis. Users filter the data by unit and cycle via dropdown menus. Built with React and D3 v7, it renders SVG circles for each data point, using D3's scaleLinear for axes and extent for domain calculation, with tooltips showing exact values on hover.

JJun Suzuki

86% match

Loading thumbnail…

Test CMAPSS select

This visualization shows flight trace data from the CMAPSS dataset, displaying sensor readings over time for selected aircraft units. Users can switch between y-axis attributes (Altitude or TRA) and select different units via dropdown menus. The scatter plot uses d3.scaleLinear for both axes, with data loaded asynchronously from CSV files via d3.csv. React manages the interactive state for attribute and unit selection, while the SVG rendering is handled entirely through React elements rather than d3 selection methods.

JJun Suzuki

85% match

Loading thumbnail…

Time scatter plot

This time scatter plot visualizes temperature readings over time as red circles on an SVG canvas. The visualization uses D3's `scaleTime` and `scaleLinear` for axes mapping, with `timeFormat` to display weekday labels on the bottom axis. React renders each data point as a circle, with tooltips showing the formatted timestamp. The chart loads data from a CSV file via D3's `csv` utility, and custom React components handle axis and mark rendering.

Yyastika

75% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes daily temperature readings from Logan Airport weather data collected between 2016 and 2018. Built with React and D3 v5, the visualization renders an SVG chart where users can switch between TMAX and TMIN values for the y-axis using ReactDropdown menus, while the x-axis displays dates scaled with d3.scaleTime. The d3.csv loading pipeline parses the raw data, and d3.extent determines the domain for both linear and time scales. Circle marks include native SVG title tooltips showing formatted dates.

Rrohame

73% match

Loading thumbnail…

customized Scatter plot

This interactive scatter plot visualizes the relationship between maximum velocity (Vmax) and range for a dataset of airplanes, using SVG circles to represent individual aircraft. The chart is built with React and D3 v5, employing `scaleLinear` for both axes and custom `AxisBottom` and `AxisLeft` components to render ticks. Hovering over a circle reveals its precise Vmax value via a native SVG `<title>` tooltip. The visualization reads from a CSV file fetched through D3’s `csv` loader, with styled axis labels and a clean, minimal aesthetic defined through CSS classes.

Rrsulli4

72% match

Loading thumbnail…

CSV Visualization on a Map with d3.js

This example displays a CSV file of flight data by plotting a position marker on a world map and showing two time-series charts of altitude and speed. The map uses a Natural Earth projection with `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, while the charts use `d3.scaleUtc`, `d3.scaleLinear`, and `d3.line` to draw the data. Hovering over the chart updates the map marker position. Data is loaded via `d3.csv` and vector map data via `d3.json` with `topojson`.

CChengwei Ye

72% match