Skip to main content
SimilarExport ZIP
100%

Exoplanet_Emotional_Resonance

✓ Published0🌍 Public
JJaswanthKoorapati@my.unt.edu
Last edited Oct 4, 2025
Created on Oct 4, 2025
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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
75% match
Loading thumbnail…

1 Question

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.

RRuthvik Bairaboina
75% match
Loading thumbnail…

Solar_System_Scatter_Plot

This scatter plot visualizes the diameters of planets and their moons, with each dot colored by its base planet name and labeled with an emoji on the x-axis. The visualization uses D3.js v7 to load CSV data from a GitHub gist, render an SVG with d3.scaleBand and d3.scaleLinear axes, and display tooltips showing type, diameter, and moon count. Hovering over a dot reduces its opacity to highlight the data point.

AALIMINETI SPOORTHY REDDY
73% 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…

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
73% match
Loading thumbnail…

SolarSystem_BarGraph

This scatter plot visualizes the diameters of planets and moons, with each dot colored by its base planet and labeled with emoji icons. The chart uses a D3.js v7 SVG rendering, with a band scale on the x-axis for categorical names and a linear scale on the y-axis for diameter in kilometers. Data is loaded from a CSV file hosted on GitHub, and tooltips provide details on type, diameter, and moon count for each celestial body.

AALIMINETI SPOORTHY REDDY
72% 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
71% match
Loading thumbnail…

dv.34 - snazzy scatter plot: w/ color legend

This scatter plot visualizes the Iris flower dataset, displaying four numeric measurements (sepal and petal length/width) on the X and Y axes with interactive dropdown menus for selecting which attributes to compare. Species are encoded through a color ordinal scale with a legend in the right margin, and each point includes a hover tooltip showing the species and coordinate values. Built with React and D3 v6, the visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for colors, rendering as SVG circles.

Zzach b.
71% match