Fireballs round 2

100%

Fireballs round 2

✓ Published3🌍 Public

Last edited Jan 15, 2020

Created on Jan 6, 2020

This visualization displays fireball impact events from NASA’s Center for Near Earth Object Studies dataset, using a force-directed graph to show relationships between impact energy categories and event details. The code employs d3-force.v2 for the simulation and D3’s layout.force API to position nodes and links, with SVG markers and elliptical arcs to encode directional links. Energy values are discretized into bins, and each link connects an energy range to a descriptive label containing the event’s timestamp, latitude, longitude, and calculated impact energy in kilotons. The visualization relies on d3.csv for data loading and React for the application framework.

AI-generated description

A bare minimum HTML page.

Similar vizzes

Loading thumbnail…

Fireballs round 2

This example visualizes fireball impact data from NASA, showing each event as a link in a force-directed graph. The code maps impact energy to link sources (categorized into ranges), with targets as the calculated impact energy values and types as full event details. Using d3.forceSimulation, it renders curved SVG path links between nodes, with circles and labels for each node. The data is loaded from a CSV file and processed with d3.csv, and the visualization supports drag interactions on the nodes.

SSurabhiSrivastavaGaur

93% match

Loading thumbnail…

Fireballs Through Time

A force-directed network diagram maps fireball impact energy and timing from NASA's CNEOS fireballs dataset. Central nodes represent energy ranges (e.g., "0-0.15" kilotons) with linked satellite nodes showing individual events and their date, location, and energy. The visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceX`/`forceY` to position interactive, draggable circles rendered as SVG. Impact energy is categorized into logarithmic bins, revealing clusters and outliers over the May 2017–December 2019 period.

MMichael Milano

90% match

Loading thumbnail…

Fireballs and Bolides Around The World

This visualization combines a natural Earth projection map and a time-series histogram to show fireball and bolide impacts worldwide. The map places scaled circles at each impact location, with circle size encoding impact energy, while the histogram aggregates monthly impact energy over time. Built with React and D3 v5, the map uses `geoNaturalEarth1`, `geoPath`, and `geoGraticule` for geographic rendering, while `scaleSqrt`, `scaleTime`, and `histogram` bin the temporal data. Impact coordinates and energy values come from the NASA CNEOS fireballs dataset.

MMichael Milano

84% match

Loading thumbnail…

making a bar chart

This example displays a horizontal bar chart of impact energy from fireball events, using the totalImpactEnergy field as the bar lengths and PeakBrightnessDateTimeUT as the category labels. The D3 v5 code employs `scaleLinear` and `scaleBand` for axes, with `axisLeft` and `axisBottom` for tick marks. Bars are rendered as SVG rects, colored steelblue via CSS, and the chart is built in a React environment from a local CSV file.

MMichael Milano

72% match

Loading thumbnail…

Fireballs round 3

This visualization shows the movement of foreign soccer players between countries and clubs in the Chinese Super League, using a force-directed network with SVG rendering. The code uses `d3.forceSimulation` and a custom `bboxCollision` force to position country, team, and player nodes, with links representing player transfers. Data comes from the `csl_foreign_players.csv` file, and the visualization is built with D3 v4 within a React framework.

MMichael Milano

72% match

Loading thumbnail…

Firefly Earthquakes

Firefly Earthquakes plots global earthquake epicenters as glowing, firefly-like halos on a dark, inverted OpenLayers basemap. Each point is a sprite generated with canvas radial gradients and a cubehelix color scheme, rendered via an OpenLayers vector layer with icon styles. The map view and layers are managed through React hooks, while earthquake coordinates load from a CSV via d3.csv.

JJerfaas

65% match

Loading thumbnail…

Firefly Earthquakes

A world map rendered with a light basemap displays earthquakes as glowing teal points that flicker with a firefly-like intensity. Each point is positioned by its latitude and longitude, with the glow generated by a radial gradient sprite whose opacity follows a Gaussian distribution. The visualization uses OpenLayers for map navigation and layer management, React for the interface, and D3’s `csv` loader to fetch earthquake data from a GitHub-hosted CSV file.

CCurran Kelleher

65% match

Loading thumbnail…

Gist c91b7cdf3a65a705ef48

This example visualizes earthquake activity using a force-directed particle layout. Each circle is an earthquake, positioned by its longitude and latitude and scaled by magnitude; the particles are animated with a gentle jitter to reveal clustered events. The visualization is rendered with D3 v3 using SVG, mapping the `data.csv` fields—such as depth, magnitude, and location—to visual variables. A shared timeline and smooth transitions help the user explore the relationship between location, time, and earthquake strength across the dataset.

BBenHeubl

65% match