Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Protótipo - Bubbles with Json Data

Public visualization

Viewing a saved revision (read-only)

a0c52414872f4d63ad98d60a083da191

Protótipo - Bubbles with Json Data

0 stars2🌍 Public
RRenan Barbosa
Last edited Apr 12, 2020
Created on Apr 6, 2020

This visualization displays a set of four legal cases as bubbles, each sized by a numeric strength value and labeled with a person’s name and monetary amount. The bubbles are positioned using a force-directed simulation that applies horizontal and vertical forces based on the strength scale, along with collision detection to prevent overlap. The chart is rendered in SVG, leveraging D3 v5’s `d3.forceSimulation`, `d3.forceX`, `d3.forceY`, and `d3.forceCollide` APIs. The underlying data is structured in JSON with fields for strength, process ID, name, number, and value, and the visualization is built within a React framework.

AI-generated description

A bare minimum HTML page.

See also React Starter.