Skip to main content
100%

EVE Online - Jita

✓ Published0🌍 Public
YYouthBread
Last edited Sep 22, 2017
Created on Sep 22, 2017

This example visualizes the solar system connections around Jita, the trade center of the EVE universe, using a two-dimensional scatterplot with lines linking each system to its neighboring destinations. Hovering over a system circle highlights its name in a tooltip. The visualization encodes system positions from the CSV data’s x, y, and z coordinates, with lines drawn between origins and destinations via SVG `line` elements. Built with D3 v4, it uses `d3.scaleLinear` for axis scaling, `d3.axisBottom` and `d3.axisLeft`, and an Update button triggers a data refresh.

AI-generated description

So what I'm going to show you is the connection in a solar system of EVE universe.

Jita

Built with blockbuilder.org

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

Solar System

A pseudo-3D solar system rendered in SVG with D3 v4, showing all eight planets arranged in a row, each rotating at relative velocities to Earth. Orthographic projections and radial gradients provide shading, while hover interactions reveal radius, tilt, and day length for each planet. The visualization includes a starfield background and planetary graticules, driven entirely by D3 selections and scales.

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

Dataviz 2 Solar System

An animated solar system visualization displays the Sun and planets with radial-gradient shading to create a more dimensional, planet-like appearance. Planetary positions are driven by astronomical distance ratios, with each body and its label animating into place through staggered transitions. The implementation uses D3 v7, employing `select`, `transition`, and `easeLinear` to coordinate circle radii, coordinates, and label opacity changes, while SVG `radialGradient` definitions supply the visual depth.

YYiyi Wu
64% 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
63% 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
63% 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