Aadharsh Aadhithya

@AadharshAadhithya·2 public vizzes

Fork of HTML Starter

This example shows a minimal SVG scene created with D3, displaying an empty canvas with fixed dimensions of 123 by 345 pixels. The code uses `d3.select` to append an SVG element to the body and sets its width and height attributes via `svg.attr`. It demonstrates a basic setup for a React-based visualization, though the actual rendering is purely procedural with no data binding or visual marks. The example relies on D3 version 6.6.1 and serves as a starting point for more complex SVG visualizations.

Aug 1, 2022

Loading thumbnail…

SVGFunda

This example presents a minimalist demonstration of fundamental SVG shapes rendered directly in an HTML page. It displays a black-outlined circle and a red-filled rectangle positioned within an SVG canvas. The code uses raw SVG elements—`<circle>` and `<rect>`—inside an HTML file, showing basic vector graphics without any JavaScript or external styling. It serves as a bare-bones introduction to SVG syntax and coordinate placement, relying entirely on the browser’s native rendering of XML-based shape tags without CSS or additional libraries.

Jul 31, 2022