Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Force Grid

Public visualization

Viewing a saved revision (read-only)

d3e27e3d35b441daae42f1f97f6f12f0

Fork of Force Grid

0 stars0🌍 Public
Ssofia-martinovich
Last edited Mar 25, 2021
Created on Mar 25, 2021
Forked from Force Grid

This example shows a force-directed scatterplot of food-item data, grouped by month along the x-axis and colored by type. The visualization uses a static simulation that runs 140 ticks before rendering, with circles positioned by `d3.forceSimulation` and forces including `d3.forceX`, `d3.forceManyBody`, and `d3.forceCollide`. Circle radius reflects length, while fill colors map to categories like Grain or Fruit. The data loads from `data.json` and renders as animated SVG elements using D3 v6, with a color scheme defined per food type.

AI-generated description