During which year is Earth at the highest risk of an asteroid impact?

100%

During which year is Earth at the highest risk of an asteroid impact?

✓ Published0🌍 Public

Last edited Sep 19, 2020

Created on Sep 12, 2020

The chart identifies 2017 as the year Earth faces the highest risk of an asteroid impact, plotting each object’s possible impact count against its period start date as a scatterplot of circles. It uses vega-lite-api to define the marks and encodings, with d3.csv loading NASA asteroid impact data from a GitHub gist. The visualization is rendered via vega and vega-lite, with a dark-themed config for axis styling and custom tooltips provided by vega-tooltip.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from NASA-Asteroid-Impacts.

This is a faily easy to understand chart which answers the question "During which year is Earth at the highest risk of an asteroid impact?", we can see clearly it's 2017.

MIT Licensed

Similar vizzes

Loading thumbnail…

Future Asteroids

Twelve near-Earth asteroids appear in this horizontal bar chart, ranked by their minimum close-approach distance to Earth over the past year, with the nearest asteroid (2016 UR36) at the top and the farthest at the bottom. The chart uses D3 v6’s `scaleLinear` for the distance axis, `scaleBand` for the categorical object labels, and `axisLeft`/`axisBottom` to render the axes. The SVG plot is built by appending a `<g>` group, then drawing one `rect` per asteroid, with bar widths mapping to the `distancemin` values parsed from the CSV data sourced from Marc Di Marco’s “Future Asteroids” dataset.

Ddarinadii11

66% match

Loading thumbnail…

Possible Asteroid Impacts with Earth

This visualization presents basic metadata about a Kaggle dataset of possible asteroid impacts with Earth, displaying the file size, row count, and column count in large text. It loads the CSV data from a GitHub gist using D3 version 5’s `d3.csv` method, which parses the remote file and reports its dimensions. A second, commented-out approach demonstrates fetching the same data with the Fetch API and async/await, then parsing it with `d3.csvParse`. The example highlights the difference between these two D3 data-loading techniques.

TTaylor

63% match

Loading thumbnail…

Vega-Lite API Template

This example visualizes meteorite landing data, plotting mass against year for incidents after 1920 with mass under 40,000 grams. Circles are colored by fall type and include tooltips revealing the meteorite name. The visualization is built programmatically using the Vega-Lite API, which registers Vega and Vega-Lite libraries and wraps D3’s CSV loader to fetch data from a GitHub-hosted CSV file. A custom configuration improves readability, and the chart auto-fits its container’s dimensions, rendering as SVG with a Vega tooltip handler.

Jjulia-richards

59% match

Loading thumbnail…

Significant Earthquake Database

This visualization plots significant earthquake events from NOAA’s Significant Earthquake Database as circles, with the x-axis showing the year and the y-axis showing magnitude. Circle color encodes earthquake duration in seconds, and hovering reveals the magnitude via tooltip. Using Vega-Lite API with d3.csv for data loading, the chart renders in SVG across the full viewport. The code configures axis styling and dark text through a custom Vega-Lite config object, with marks set to semi-transparent circles for overlapping event visibility.

Gguangxinhu

59% match

Loading thumbnail…

earthquake

This scatter plot visualizes earthquake frequency by year, with each orange circle representing a data point and the y-axis labeled "nums_of_earthquake." The visualization uses d3.csv to load data from a remote earthquakes dataset, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render tick marks and gridlines. The SVG chart is generated with d3.v5, applying margin-based layouts, axis labels, and a title, while styling circles and text through external CSS.

Eedxiao97

58% match

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

58% match

Loading thumbnail…

2019 Ridgecrest Earthquakes

This visualization plots earthquakes from the 2019 Ridgecrest sequence, with time on the x-axis, magnitude on the y-axis, and point size encoding depth. The interactive scatterplot uses the vega-lite-api to construct a layered specification, registering with vega-lite and vega for rendering. Tooltips display exact earthquake magnitude and depth values. Data is loaded as CSV via d3.csv from a GitHub gist, and the chart fills the browser window with a custom config for darker labels and grid-free axes.

CCurran Kelleher

58% match

Loading thumbnail…

2019 Ridgecrest Earthquakes

This visualization shows earthquakes from the 2019 Ridgecrest sequence as a scatterplot of time against root-mean-square error, with circle size encoding magnitude and color encoding magnitude type. It filters the data to events with low RMS and a date before the main shock, then renders the marks using the vega-lite-api, which builds a specification executed by Vega-Lite and rendered as SVG via Vega. The code loads data with d3.csv, applies custom axis and label styling through a config object, and includes a tooltip for displaying date, RMS, and depth on hover.

CCurran Kelleher

57% match