1 Question

100%

✓ Published0🌍 Public

Last edited Oct 28, 2025

Created on Oct 27, 2025

This interactive scatter plot visualizes the relationship between exoplanet mass and radius relative to Earth, with each dot colored by planet type (Rocky, Gaseous, Ice Giant). Built using D3.js v7, the reusable chart component employs `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding, and includes hover tooltips via SVG `title` elements. The code loads data from a CSV file and demonstrates a modular pattern using `ScatterPlot()` factory functions with getter-setter methods for customizing x, y, and color accessors.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Q1

This scatter plot visualizes the relationship between the mass and radius of 150 synthetic planets, with color encoding the planet type (Terrestrial, Gas Giant, Ice Giant, Dwarf). Built with D3 v7, it uses a reusable `ScatterPlot` function that employs `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.schemeTableau10` for coloring, while the data comes from a seeded random generator. Each dot includes a tooltip showing the planet's name, mass, radius, and type.

RRuthvik Bairaboina

86% match

Loading thumbnail…

code_exoplanetes_a_corriger

A scatterplot maps exoplanet semi-major axis against host star mass, with each circle’s radius scaled to planet mass and color indicating discovery method. The SVG renders using d3.v4’s `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. Data loads via `d3.text` and `d3.dsvFormat` from a semicolon-delimited CSV, with a legend built by appending `rect` and `text` elements.

NNatanBT

79% match

Loading thumbnail…

Activity6-question3

This visualization displays the Exoplanets dataset as a scatter plot, with orbital period on the x-axis and mass on the y-axis. The code uses D3 v6 to load CSV data from a GitHub repository and render SVG circles, color-coded by detection method (Radial Velocity, Transit, or other). It applies scaleLinear for both axes, axisLeft and axisBottom for ticks, and custom CSS styling for labels. The plot also encodes distance and year values as rx and ry attributes on the circles, though these do not visually affect the circle rendering since the radius is fixed.

Ssushanthkodipyaka@gmail.com

79% match

Loading thumbnail…

Exoplanets

A circle-packing visualization displays the relative sizes of planets in our solar system alongside hundreds of confirmed exoplanets, with each circle’s area proportional to its radius. A quantized color scale encodes planet radius, while a tooltip reveals the exoplanet’s name, radius, and distance from its star. The data comes from the Planetary Habitability Laboratory, and the layout is computed using d3.pack with padding, rendered as SVG circles. The code filters the CSV data to separate solar-system planets from exoplanets and uses d3.scaleQuantize for color mapping.

Mmbostock

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

76% match

Loading thumbnail…

Exoplanet_Emotional_Resonance

This interactive dashboard visualizes a synthetic dataset of exoplanets, plotting each world’s distance in light-years against its observation score. Dot size encodes the Emotional Resonance Index, while dot color represents light color, with legend chips for filtering. Built with D3 v7, it uses `d3.csv` to load data, renders a scatterplot in SVG, and displays computed KPI statistics. A fixed tooltip appears on hover, and a separate inline SVG shows a custom radial-gradient planet icon.

JJaswanthKoorapati@my.unt.edu

75% match

Loading thumbnail…

ResuableScatterplot_ICE7_Sowjanya

This interactive D3.v7 scatter plot visualizes the relationship between gravity and average temperature for planets, using data from a CSV file. The chart employs a reusable chart factory with classic function setters, allowing customization of dimensions, margins, data mappings, labels, and styling. It creates axes, labels, and a title, while circles are positioned and colored via configurable value functions. A tooltip, implemented with D3's selection joins, displays the planet name and the x/y values on mouse hover.

Ssaisowjanyaedupuganti.24f@gmail.com

75% match

Loading thumbnail…

Untitled

This example shows the diameters of planets in kilometers, with each planet represented as a dot on an SVG scatterplot rather than a bar chart. The x-axis maps planet names using `d3.scaleBand`, while the y-axis uses `d3.scaleLinear` for diameter values. Data is loaded from a CSV via `d3.csv`, and circles are appended to a group container with an explicit transform offset. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, and the visualization is built entirely with D3 v7 and SVG, drawing from a dataset of planet measurements.

Hhollyjpotter

74% match