Anton Bodnya

@yupi1·2 public vizzes

Responding to Resize

This example demonstrates a responsive D3.js visualization that adapts automatically when the browser window is resized. It shows a large green X drawn across an SVG canvas that fills the entire viewport. The code uses the `clientWidth` and `clientHeight` properties of the chart container to measure the CSS-computed dimensions, then applies those values to the SVG via `attr("width")` and `attr("height")`. A `redraw` function, triggered by a `resize` event listener, re-renders the X marks to match the updated size.

Jul 16, 2019

Loading thumbnail…

Teste do SVG

This example draws a simple geometric face in an SVG canvas using D3 v5. It constructs a yellow circle as the head, two smaller circles for the eyes, and a mouth created with D3’s `arc` shape generator. The code uses `select` and `append` from the D3 API to build the SVG hierarchy, positioning elements relative to a centered group. The face is rendered purely through SVG primitives with no external data source, focusing on basic shape composition and coordinate transforms.

Jul 16, 2019