Largest Black Holes

100%

Largest Black Holes

✓ Published0🌍 Public

Last edited Sep 10, 2024

Created on Sep 10, 2024

This animation visualizes the relative solar masses of the ten largest known black holes, starting with the Sun and scaling up to TON 618. Each black hole appears as a colored circle that grows sequentially, with its name and rank labeled beneath. The visualization uses D3.js transitions to animate the circle radii and text opacity over time, with data sourced from largest.org’s list of the nine largest black holes.

AI-generated description

A visualization of the sizes of the top largest known black holes. Scale represents relative solar mass.

Data from 9 Largest Black Holes in the Known Universe.

MIT Licensed

Similar vizzes

Loading thumbnail…

Solar System

This animated visualization displays the planets of the solar system with their relative sizes to scale, though distances are not proportional. Circles and labels for each celestial body appear sequentially and transition smoothly across the black canvas. The code uses D3’s `select`, `transition`, and `easeLinear` APIs to animate circle radii, positions, and label opacity. Planet data, including names, distances, and radii, comes from Wikipedia’s list of gravitationally rounded objects. The Sun is depicted largest in yellow, followed by the eight planets and Pluto, each with a distinct fill color.

Mmelissastrong89@gmail.com

67% match

Loading thumbnail…

Fork of Solar System

This animated visualization displays the relative sizes of the Sun and planets in the solar system, using circles positioned along a horizontal line, with distances not to scale. Each celestial body appears sequentially, expanding from a radius of zero to its proportional size, with labels fading in beneath. The code uses D3.js transitions with `transition.attr` to animate the circle radii and text opacity, driven by data from Wikipedia’s list of gravitationally rounded objects. SVG circles and text elements are bound to the dataset, with a black background and distinct fills for each planet.

Oownerofthesoul0000@gmail.com

65% match

Loading thumbnail…

Fork of Solar System

This animated visualization displays the relative sizes of the Sun and planets, with distances not to scale. Each celestial body is represented by a circle that expands into view sequentially, followed by its name label. The code uses D3.js version 7.8.5, leveraging `select`, `transition`, and `easeLinear` from the library to orchestrate the animations. The data originates from Wikipedia's list of gravitationally rounded objects of the Solar System. The rendering features a black background with distinct fill colors for each planet, offering a clear, animated comparison of planetary dimensions.

Aakang47@gatech.edu

65% match

Loading thumbnail…

[huxulm] Solar System

This animated visualization displays the planets of the solar system as colored circles, with relative sizes to scale but distances compressed to fit a single row. Each celestial body appears sequentially with a two-second transition, while its name label fades in beneath it. Built with D3.js, the code uses `selectAll`, `join`, and chained `transition` calls with `easeLinear` to animate circle radii and positions. Data on each object’s radius and distance comes from Wikipedia’s list of gravitationally rounded solar system objects, with Pluto included as a smaller distant body.

HHuxulm

65% match

Loading thumbnail…

Fork of Solar System

This animated visualization presents the solar system with planets scaled by relative size, while orbital distances are not to scale. Each celestial body appears as a colored circle, with a label beneath it, revealing its name. The animation sequentially grows the Sun and planets into view. The code uses D3’s `select` and `transition` APIs for rendering and animation, with data sourced from Wikipedia’s list of gravitationally rounded objects. The view is built using SVG circles and text elements, styled over a black background.

MMing Li

65% match

Loading thumbnail…

Fork of Solar System

This animation visualizes the relative sizes of the Sun and planets in the Solar System, with distances not to scale. Each celestial body appears as a colored circle with a label, using data from Wikipedia’s list of gravitationally rounded objects. Built with D3.js, it uses data joins, transitions, and easing (easeLinear) to animate the circles and labels sequentially. The Sun’s radius is exaggerated, while planet colors are assigned via static fills, and no SVG gradients are applied.

SShreenithi T R

64% match

Loading thumbnail…

Solar System

This animated visualization depicts the planets of the Solar System with accurately scaled relative sizes, though distances are compressed for display. Entering circles and labels animate outward from a central sun using D3 transitions with staggered delays. The code employs d3.select, transition, and easeLinear to orchestrate the choreography, with each planet’s radius proportional to its real-world value. Data on planetary radii comes from Wikipedia’s list of gravitationally rounded objects. The visualization runs in a black-background SVG canvas, highlighting the scale differences between bodies like Jupiter and Pluto.

CCurran Kelleher

63% match

Loading thumbnail…

Fork of Solar System

This animated visualization displays the planets of the Solar System, with relative sizes scaled proportionally (though distances are not). The Sun and planets appear as solid circles with labels, using data from Wikipedia’s list of gravitationally rounded objects. The code leverages D3’s `select`, `transition`, and `easeLinear` to animate the circles growing and fading in sequence. Each planet’s radius and position derive from the imported data array, with SVG circles and text elements styled in black space with white labels.

22005ckv@gmail.com

63% match