betemaujkardi

@betemaujkardi·2 public vizzes

Fork of Learning D3

This example displays a simple static illustration of a circle and intersecting lines overlaid on horizontal orange and white bands within an SVG canvas. The code uses raw SVG elements—`rect`, `circle`, and `line`—with inline styling and no JavaScript or D3 API calls. The rendering approach is direct SVG markup, with all shapes hard-coded in the HTML, producing a geometric pattern that resembles a stylized pinwheel or abstract target. The data is not dynamic, and the visualization does not include any interactivity or data-binding logic.

Aug 21, 2022

Loading thumbnail…

Learning D3

This example demonstrates a minimal SVG visualization composed of three horizontal lines, each drawn as a black path across a 960-by-500 viewport. The code uses static path elements with explicit coordinates, showing how basic shapes can be rendered without additional data or interaction. It incorporates an inline SVG in HTML with CSS and JavaScript, serving as a starting point for learning D3. The visualization relies solely on predefined path data, not on D3’s data-binding or scale APIs.

Aug 21, 2022