Fork of NASA Near Earth Objects Scatter Plot

100%

Fork of NASA Near Earth Objects Scatter Plot

✓ Published0🌍 Public

Last edited Mar 7, 2022

Created on Mar 6, 2022

Forked from NASA Near Earth Objects Scatter Plot

This scatter plot visualizes NASA Near Earth Objects, plotting their velocity in thousand miles per hour against their distance from Earth in million miles. Each circle represents a near-Earth object, with the dataset loaded via `d3.csv` and parsed into numeric fields. The visualization uses `d3.scaleLinear` to map data values to screen coordinates and renders circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, with custom labels appended for each axis. The chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

AI-generated description

D3 scatter plot of NASA Near Earth Objects. Shows the Nasa Near Objects Dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

NASA Near Earth Objects Scatter Plot

This scatter plot visualizes NASA Near Earth Objects, plotting each object’s velocity in thousand miles per hour against its distance from Earth in million miles. The D3.js v6 code loads data from a CSV file hosted in a GitHub gist, parses numeric fields, and uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render an SVG with circles for each object. Axis labels are added as SVG text elements, and the chart fills the browser window, with margins controlling the layout.

VVonnie

93% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot

A 3D scatter plot visualizes economic indicators as colored spheres positioned by x, y, and z attributes from a CSV file. The visualization slowly rotates continuously, while users can pan to adjust the viewing angle. Built with Three.js for WebGL rendering and D3 for data loading and scaling, the example uses D3's `scaleLinear`, `extent`, `csv`, `schemeCategory10`, and `zoom` APIs. Points are rendered as canvas-generated sprites with distinct colors from D3's categorical color scheme.

RRahulSai05

69% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between two numeric variables from a CSV dataset, plotting each point with x and y coordinates. It uses D3 version 6 with an SVG rendering approach, employing `d3.scaleLinear` to map the data domains to pixel ranges and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded asynchronously via `d3.csv`, and circles are appended and joined to the data using `.join('circle')`. The plot is styled with a teal fill and includes axis labels for "Numbers" and "Amount."

Bbugfree55

68% match

Loading thumbnail…

Fork of Interactive Cars Scatter plot

This visualization displays a scatter plot of car horsepower against weight, with acceleration mapped to the radius of each circle. The plot uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes and gridlines. A tooltip appears on mouseover, showing the car’s name, origin, and acceleration. The data is loaded from a CSV via `d3.csv` and rendered as SVG circles, with hover effects that change the circle’s fill color.

DDeegutla123

68% match

Loading thumbnail…

Fork of 3D Scatter Plot

This interactive 3D scatter plot visualizes two sets of coordinates from a CSV dataset, using height, length, and corner positions as the three axes. Each of the two traces appears as a cluster of markers, with different colors, sizes, and opacities to distinguish the data groups. The visualization is built with Plotly’s `scatter3d` trace type and rendered via `Plotly.newPlot`, while the data loading and parsing rely on D3’s `d3.csv` function. The chart updates dynamically in response to the user’s rotation and zoom controls.

KKeerthipriyaBankuru

68% match

Loading thumbnail…

Fork of Fork of making Scatter plottes

This fork of a scatter plot example visualizes harvested crop area per year from a small CSV dataset, drawing a smooth area chart rather than discrete points. The D3 v5 code sorts the data chronologically, then uses `scaleLinear` and `scaleTime` to map area and year values to SVG coordinates. It renders the area with `area()` and `curveBasis`, while grid lines and axis labels are generated via `axisLeft`, `axisRight`, and `axisBottom`. The SVG canvas is 960 by 500 pixels, with the area filled steelblue and black stroke, and the chart includes a title and axis labels.

SSteve_Nashon

67% match

Loading thumbnail…

Traffic Data Scatter Plot

This scatter plot visualizes traffic data, showing the number of vehicles against the hour of day, with each point’s radius and color encoding the percentage of heavy vehicles. It loads CSV data from GitHub and renders circles in an SVG using D3 v6, employing `scaleLinear` for axes, `scaleSqrt` for circle sizing, and `scaleOrdinal` with `schemeCategory10` for color mapping. Axes are added via `axisLeft` and `axisBottom`.

JJayanthKumarkoni

67% match

Loading thumbnail…

Fork of making Scatter plottes

This visualization shows the relationship between years and planted area, with each data point plotted as a steelblue circle. The y-axis scales the area values linearly, while the x-axis uses a point scale for years. Built with D3 v5, the code renders SVG circles, customizes axis ticks and grid lines, and includes axis labels for clarity. Data is loaded from a CSV file using `d3.csv`.

SSteve_Nashon

67% match