NASA Near Earth Objects Scatter Plot

100%

NASA Near Earth Objects Scatter Plot

✓ Published2🌍 Public

Last edited May 13, 2021

Created on May 13, 2021

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.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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`.

Ppreethamkesa

93% match

Loading thumbnail…

ScatterPlot

This animated scatter plot visualizes planetary data, showing each planet’s diameter, number of moons, and orbital period as a colored, sized circle on a dark, space-themed SVG canvas. The planets continuously wander and bounce off the plot’s edges using a `d3.timer` loop that updates circle positions. Hovering reveals a tooltip with details like discovery date, while a legend groups planets by type. The code loads a CSV dataset, applies linear scales for axes and a sqrt scale for size, and uses `d3.axisBottom` and `d3.axisLeft`.

AALIMINETI SPOORTHY REDDY

73% match

Loading thumbnail…

Scatterplot

An animated scatterplot visualizes synthetic planetary data, cycling the x-axis among diameter, moon count, and orbital period while plotting moons on the y-axis. Points are colored green with hover tooltips showing name, type, diameter, and moons. Built with D3 v6, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and transition methods to smoothly update positions every 2.5 seconds. Data loads from a CSV file, rendered as SVG circles with a dark theme.

AALIMINETI SPOORTHY REDDY

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

70% match

Loading thumbnail…

Scatter Plot

A scatter plot displays individual data points positioned by two numeric variables, with each point rendered as a small circle. The visualization uses D3.js v6 and is built with a simple SVG container. The code applies the `d3.scaleLinear` function to map x- and y-values to pixel coordinates, then appends `circle` elements to the chart area. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The data is loaded from an external CSV file using `d3.csv`, and the plot updates dynamically once the data is parsed.

JJames Huang

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

69% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes car data from the World (esa.un.org) by rendering each vehicle as a semi-transparent red circle. The visualization encodes the dataset’s two dimensions along linear x and y axes, with tick labels and an axis-label generated from the data’s extent. The code uses d3.csv for data loading, d3.scaleLinear for mapping, and d3.axisLeft and d3.axisBottom for the axes. A linear gradient is defined in the SVG defs, while circles are styled via CSS with fixed red fill and opacity, producing overlapping clusters.

Llinlala

69% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes earthquake data from a CSV file, displaying the number of earthquakes per year across magnitude ranges. The visualization uses D3 v5’s `csv`, `scaleLinear`, `axisBottom`, and `axisLeft` functions to map years on the x-axis and earthquake counts on the y-axis, with circles rendered in SVG. Data is sourced from a VizHub-hosted dataset. The chart includes labeled axes, a title, and gridlines, with circles colored red and semi-transparent to show overlapping points.

Eedxiao97

69% match