RosaRomeroGomez

@RosaRomeroGomez·2 public vizzes

Bubble Chart D3.v4 One Hierarchical Level

This bubble chart displays the cardinality of six clusters from a JSON dataset, with each cluster represented as a colored circle scaled by its size value. Built with D3.v4, the visualization uses the `d3.pack` and `d3.hierarchy` APIs to compute circle positions and radii, rendering nodes as SVG groups with attached circle and text elements. The input data is loaded asynchronously via `d3.json`, and the chart is generated within an 500-pixel square SVG canvas.

Feb 1, 2018

Loading thumbnail…

Update Force-Directed Layout D3.v4 Different Datasets

This example demonstrates how to update a force-directed graph when a user action loads a new dataset, using D3 v4’s enter-update-exit pattern. A button swaps between two JSON datasets containing nodes and links from a character network. The code uses `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` to compute layout, while SVG circles and lines are bound to the data. Dragging is enabled via `d3.drag`, and the simulation restarts with new data when the dataset changes.

Jan 30, 2018