Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Layout Eye Color

Public visualization

Viewing a saved revision (read-only)

bf25be80624a4e36af693d44be36e925

Force Layout Eye Color

0 stars1🌍 Public
Mmbergevoet
Last edited Nov 29, 2021
Created on Nov 25, 2021

This example visualizes the distribution of eye colors in a dataset, with each circle representing a category such as blue, brown, or hazel. The circles start at the center and are pushed apart by a force simulation, settling into a non-overlapping cluster. The visualization uses d3.forceSimulation with center, charge, and collide forces to position the nodes, and renders them as SVG circles with a tooltip that displays the eye color on hover. The data appears to be manually defined in the code rather than loaded from an external source.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.