Ganesh Aguru

@GaneshAguru·2 public vizzes

Data Visualization with D3, JS, React

This example presents a static SVG drawing of a smiley face as a data visualization, using basic geometric shapes rendered through inline SVG markup. The visualization shows a yellow circle with two smaller black circles for eyes and a partial yellow arc for the mouth, all positioned within a defined viewport. The code relies on React 18.2.0 loaded via a UMD script and logs the React object to the console, while the SVG elements are defined directly in the HTML file rather than generated programmatically. The rendering approach is purely SVG-based, with no D3 or JavaScript animation logic present.

Feb 4, 2023

Loading thumbnail…

Fork of HTML Starter

This example displays a large, centered message reading "Hello HTML!" in bold, oversized text. The visualization uses a plain HTML page with a CSS class to style the text’s font size and alignment, demonstrating basic web rendering. It relies on the HTML `<div>` element and CSS properties for layout, with no JavaScript logic or external data. The code is a minimal starter template, contrasting with the linked React Starter, and uses no specific visualization libraries or APIs.

Jan 31, 2023