YZY-Jaeger

@YZY-Jaeger·2 public vizzes

Fork

A large circle is rendered near the top-left corner of an SVG canvas, with a thick red diagonal line segment drawn from inside the circle outward. The circle has no fill and is not clipped, so its outline and the line are clearly visible against the blank page. The code uses React with SVG elements directly in the HTML, specifically the `<circle>` and `<path>` tags, and sets the line’s stroke and stroke-width as attributes. The rendering is static with no interaction or data-driven behavior.

Oct 22, 2023

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates a minimal D3.js setup that renders a static text message into a web page. It imports the `select` function directly from the D3 v5 library via UNPKG, alongside a local ES6 module that exports the string “Hello VizHub!”. The code uses `select('#message').text(message)` to update the DOM, while also defining a regular expression and a constant to show basic JavaScript syntax. The page structure loads D3 from a CDN and external styles, making it a simple template for modular D3 projects.

Oct 22, 2023