arounde

@arounde·3 public vizzes

test

This example demonstrates how to load D3.js via UNPKG and use ES6 module imports in a VizHub project. The page renders a single red circle on an SVG canvas with a fixed viewBox of 600 by 600 pixels, while a separate D3 selection updates the text content of a message div using the `select` function. The code also imports a local string from `myMessage.js` to display "Hello VizHub!" in large centered text via CSS. It highlights module-based code organization and basic SVG drawing without interactivity.

May 8, 2022

Loading thumbnail…

Blank

This example displays a single red circle centered within an SVG canvas. The circle is positioned at coordinates (255, 255) with a radius of 122, rendered against a blank background defined by the SVG element's 666-by-666 pixel dimensions. The visualization uses plain SVG markup with inline attributes for fill color, coordinates, and radius, requiring no additional JavaScript libraries or frameworks. The code demonstrates a minimal static graphic, serving as a starting point for more complex React-based visualizations.

May 6, 2022

Loading thumbnail…

Fork of SVG Fundamentals

This fork demonstrates basic SVG shape primitives in a 960 by 500 canvas, rendering overlapping red and orange circles, a yellow rectangle, a navy line, and a black polyline. The embedded README references a YouTube tutorial, and the code directly uses the SVG `<circle>`, `<rect>`, `<line>`, and `<path>` elements. A decorative heart-shaped path with cubic Bézier commands (`c`, `s`) is included, though the HTML contains no additional styling or interaction.

May 6, 2022