SolarSystem_BarGraph

100%

SolarSystem_BarGraph

✓ Published0🌍 Public

Last edited Oct 17, 2025

Created on Oct 17, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

91% match

Loading thumbnail…

Solar_System_Bar_Graph

A bar chart displays the diameters of planets in the solar system, sourced from a CSV dataset hosted in a GitHub gist. The chart uses D3.v7 to map planet names along the x-axis and diameter values on the y-axis, with bars colored by planet type and tooltips revealing additional attributes like type and moon count. The static, SVG-based visualization is rendered without animation, featuring a clean, bordered bar style, axis labels, and a legend.

AALIMINETI SPOORTHY REDDY

91% match

Loading thumbnail…

Solar_System_Bar_Graph

This visualization shows the diameters of planets in kilometers using a bar chart, with each bar colored distinctly and a corresponding legend. The data is loaded from a CSV file via `d3.csv`, parsed, and sliced to the first 12 entries. The bars are rendered as SVG rectangles using `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, with colors assigned via `d3.scaleOrdinal` and `d3.schemeCategory10`. Both axes are labeled, and axis ticks are rotated for readability.

AALIMINETI SPOORTHY REDDY

88% match

Loading thumbnail…

Solar_System_Scatter_Plot

This scatter plot displays the relationship between the orbital period and diameter of planets, with each point colored by its base planet name and accompanied by a legend. The visualization uses D3 v7 to load CSV data, apply linear scales, render SVG axes and circles, and generate an ordinal color scale with a category palette. The data is sourced from a GitHub gist containing planetary measurements.

AALIMINETI SPOORTHY REDDY

85% match

Loading thumbnail…

Solar_System_Multi_Series_Chart

This example visualizes planet diameters and orbital periods with a combined bar chart and line chart. Purple bars represent each planet’s diameter in kilometers, while a yellow curved line with dots indicates orbital period in days. The visualization is built with D3 v7 using SVG rendering, and it loads planetary data from a remote CSV file. It uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axes, and `d3.line` with `d3.curveMonotoneX` to draw the line.

AALIMINETI SPOORTHY REDDY

83% match

Loading thumbnail…

Planets dataset

This visualization of a solar system dataset combines several D3.js v7 chart types. A bar chart compares planet diameters in kilometers, while a circular layout and a mini planet strip show relative distances from the Sun and planet sizes. The code uses `d3.csv` with `d3.autoType` to load a GitHub Gist dataset, then builds the charts using SVG elements. Custom CSS enhances the design with a radial gradient background and card-based layout. A header starfield with a stylized sun is generated using `d3.range` and random values.

RRuthvik Bairaboina

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

80% match

Loading thumbnail…

Solar_System_Multi_Series_Chart

This mixed-series chart compares planetary diameter (bar) and orbital period (line) for 15 objects. A dual-axis layout uses a left scale for diameter and a right scale for orbital days, with the line positioned at bar centers. Built with D3 v7, it loads CSV data via `d3.csv`, applies `d3.scaleBand` and `d3.scaleLinear`, and renders SVG bars, a `d3.line` with `curveMonotoneX`, and circles. A legend distinguishes the metrics.

AALIMINETI SPOORTHY REDDY

80% match