dllaino

@dllaino·3 public vizzes

Fork of Hello HTML?????

This example shows a classic smiley face rendered as an SVG using React for component structure and D3’s `arc` generator for the mouth. The face consists of a yellow circle with a black stroke, two black eyes positioned via fixed offsets, and an arc path drawn from a semicircular angle range. The code imports `arc` from D3 v5, uses JSX to define the SVG elements, and relies on React’s `ReactDOM.render` to mount the component. No external data is used; all shapes are hardcoded with absolute dimensions and positions.

Feb 8, 2022

Loading thumbnail…

Fork of Hello HTML?????

This example demonstrates a minimal React-based SVG visualization showing a single yellow circle with a black stroke centered on a 960 by 500 canvas. The component uses React 16.9 and ReactDOM to render the SVG directly into the DOM, computing circle positions from hardcoded center coordinates. Unlike a standard D3 approach, it relies solely on React’s declarative JSX syntax for SVG elements, with no data binding or interactive behavior beyond the static shape.

Feb 8, 2022

Loading thumbnail…

Fork of Hello HTML???

This example shows a single empty SVG circle rendered on a plain HTML page, with no data or interaction. The code uses an inline SVG element with a fixed width and height, drawing a circle with a radius of 200 pixels but no fill or stroke attributes. The page is minimal, relying solely on built-in SVG rendering without any external libraries or JavaScript APIs. The visualization is static and demonstrates only the basic structure of embedding an SVG shape in an HTML document.

Feb 7, 2022