Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Powers Scatterplot with Veroni (Character Show Me)

Public visualization

Viewing a saved revision (read-only)

7951d7df3e9a4d489164c19ff39b50ad

Powers Scatterplot with Veroni (Character Show Me)

0 stars1🌍 Public
LLeah Mitchell
Last edited Mar 21, 2022
Created on Nov 16, 2021

A scatterplot of Marvel character attributes uses Voronoi tessellation for interactive hover targeting. Users select X and Y axes from six power metrics (Strength, Intelligence, Speed, Durability, Power, Combat) via dropdown menus, while a character selector highlights a specific hero in yellow with full opacity. Points are sized by each character’s Total stat, colored by alignment (green for good, dark red for bad, grey for neutral), and animated with `transition.attr` for radius growth and position changes. The code uses d3-scale, d3-axis, d3-transition, and d3.Delaunay to compute the Voronoi cells for tooltip display. Data comes from a CSV of Marvel characters.

AI-generated description