Skip to main content
Log in
9

90561lkk

@90561lkk·4 public vizzes

Loading thumbnail…

Untitled

This example shows a hierarchical clustering tree of the flare dataset, rendered as a radial layout with circular nodes and curved links. The visualization uses D3 v4’s `d3.stratify` to convert CSV data into a hierarchy and `d3.cluster` to compute the radial positions, projecting Cartesian coordinates with a custom `project` function. Nodes are drawn as SVG circles, with internal nodes filled darker and leaf labels rotated to follow the tree’s circumference. The code loads data from `flare.csv` and relies on SVG paths for the connecting links.

Apr 15, 2021
Loading thumbnail…

Untitled

This example shows a hierarchical clustering tree of the flare dataset, rendered as a radial layout with circular nodes and curved links. The visualization uses D3 v4’s `d3.stratify` to convert CSV data into a hierarchy and `d3.cluster` to compute the radial positions, projecting Cartesian coordinates with a custom `project` function. Nodes are drawn as SVG circles, with internal nodes filled darker and leaf labels rotated to follow the tree’s circumference. The code loads data from `flare.csv` and relies on SVG paths for the connecting links.

Apr 15, 2021
Loading thumbnail…

Fork of Fork of Let's Make a Face Part I

This example shows a static smiley face built from three basic SVG shapes: two eyes and a head drawn with circles. The code uses raw SVG elements via D3 v3 syntax, though it relies on plain HTML markup rather than D3 data joins. The face is centered within an SVG canvas sized 960 by 500 pixels, with the head filled yellow and outlined in black, while the eyes remain unfilled. The rendering approach is simple declarative SVG, with positions explicitly set as pixel coordinates for each circle.

Apr 15, 2021
Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let’s Make a Face Part I” shows a yellow smiley face built from three SVG circles: a large head and two smaller eyes, all centered on a light gray canvas. The code uses plain SVG elements with `circle` tags, setting attributes like `cx`, `cy`, `r`, `fill`, and `stroke` directly in the HTML. No JavaScript libraries or data sources appear; the rendering relies entirely on static SVG markup inside an `index.html` file. The face is incomplete, leaving the mouth and other details for a later part.

Apr 15, 2021