Skip to main content
Log in
R

rams211

@rams211·3 public vizzes

Loading thumbnail…

SANKEY Experiment

A Sankey diagram visualizes the flow of API operations from the PetResource node to various HTTP methods (get, post, put, delete) and their resulting status codes (200, 400, 404, 405). Nodes appear as draggable rectangles, and links curve between them with widths proportional to their values. Using the D3.js v3 library with `d3.sankey()` layout, the visualization supports interactive node dragging that triggers `sankey.relayout()` to reposition links. The diagram renders in SVG with clickable link titles and a static pet store dataset.

Aug 19, 2020
Loading thumbnail…

SVG Face

A smiling yellow SVG face with animated eyebrows demonstrates basic D3 shape and transition techniques. The face is centered using SVG groups and transforms, with circles for eyes, rectangles for eyebrows, and a path generated by D3’s `arc` function for the mouth. The eyebrows move upward and return via chained `transition().duration()` calls. The example uses d3-v5 select and arc APIs to build the static face and animate its expressions purely through SVG attribute interpolation.

Aug 18, 2020
Loading thumbnail…

SVG Face

A smiling yellow SVG face with animated eyebrows demonstrates basic D3 shape and transition techniques. The face is centered using SVG groups and transforms, with circles for eyes, rectangles for eyebrows, and a path generated by D3’s `arc` function for the mouth. The eyebrows move upward and return via chained `transition().duration()` calls. The example uses d3-v5 select and arc APIs to build the static face and animate its expressions purely through SVG attribute interpolation.

Aug 18, 2020