Trushin Arseniy

@tarstars·2 public vizzes

Untitled

This example demonstrates a scatter plot of 100 randomly generated points within a 600×400 SVG viewport. The visualization shows how D3’s zoom behavior transforms a group element containing the circles, enabling pan and zoom interactions. The code uses `d3.zoom()` with a `handleZoom` callback that applies the event transform via `.attr('transform', ...)`. Rendering relies on SVG circles with `cx`, `cy`, and `r` attributes, using D3’s data join pattern to bind the generated array of point objects.

Apr 9, 2023

Loading thumbnail…

Untitled

This example shows a scatterplot of 100 randomly generated points in a 600x400 SVG canvas, with the ability to pan and zoom the view. The points are rendered as small circles inside a group element, and their positions are updated using D3’s data join pattern. The code initializes a D3 zoom behavior on the SVG and applies the current zoom transform to the group on each zoom event. It uses the D3 library for zoom and data binding, while the SVG is defined directly in the HTML.

Apr 9, 2023