Srijan Nayak

@srijan-nayak·3 public vizzes

Fork of Hello HTML

A bare-bones HTML page nests a single SVG circle with no styling or attributes, rendering an empty black dot by default. The example demonstrates the minimal structure of an SVG visualization using inline markup, with no D3 or JavaScript libraries involved—only native HTML and SVG elements. Because no data binding or interaction logic exists, the circle remains static and unstyled, serving as a starting point for further development. The file references a YouTube tutorial for context, but the visualization itself consists solely of this unmodified SVG scaffold.

May 29, 2023

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple smiley face built from SVG shapes within a React component, using D3.js to generate the mouth arc. A yellow circle with a thick black stroke forms the head, while two black circles serve as eyes positioned symmetrically around the center. The mouth is created with the D3 `arc` function, which defines an inner and outer radius plus start and end angles to produce a semicircular path. The code uses React 17 and D3 v7, rendering everything to a fixed 960×500 SVG canvas.

Mar 20, 2022

Loading thumbnail…

Smiley Face - Part 1

This example draws a simple smiley face using Scalable Vector Graphics (SVG) directly in an HTML page. It shows a large yellow circle with a black outline as the face, alongside two smaller circles for the eyes, all positioned on a blank white background. The code uses inline SVG elements—specifically `<circle>` with attributes for center coordinates, radius, fill, and stroke—without any JavaScript libraries or data sources. The rendering is static, with no animation, interaction, or additional facial features beyond the eyes.

Mar 20, 2022