Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Grid

Public visualization

Force Grid

1 star3🌍 Public
DDenise Mauldin
Last edited Jan 20, 2021
Created on Jan 20, 2021

This visualization displays a dataset of fermented food projects, using a force-directed layout to organize items by month and type. Each circle represents a fermentation project, with its size indicating the fermentation length and its color corresponding to the food category, such as grain, vegetable, or protein. The chart separates projects into monthly vertical bands using a band scale for the x-axis while a physics simulation distributes the circles. The animation uses d3.forceSimulation with forceManyBody, forceCollide, and forceX to position the nodes, rendering the result as an animated SVG.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed