Shivamsunderam

@Shivamsunderam·3 public vizzes

Lets make a face

This example constructs a smiling face out of simple D3 shapes, including circles for the eyes, rectangles for the eyebrows, and arcs for the mouth and nose, all centered within an SVG canvas. The design shows a composition of yellow, black, and green elements, with the eyebrows performing a gentle animated bounce using D3’s `transition()` method. Built with D3 v5 and SVG rendering, the code uses absolute positioning via `attr('transform', ...)` and the `arc()` API to define the curved paths for the facial features.

Oct 24, 2020

Loading thumbnail…

Hello there

A React application renders the text "Hello World" centered on the page at a font size of 13em. The code uses React 16.13.1 and ReactDOM to mount a message element, while a separate JavaScript file assigns the string to the element's textContent property. The static text display serves as a minimal starter example, with styling defined in plain CSS within the HTML file.

Oct 23, 2020

Loading thumbnail…

HTML Starter

This example displays the text “Hey There” centered on a plain HTML page, with the body’s font size styled to an extremely large 13em. It demonstrates a minimal setup using raw HTML and CSS, with no external libraries or JavaScript frameworks involved. A small embedded script logs “Hello JavaScript!” to the browser’s developer console, showing how to run simple code in a page’s context. The project serves as a bare-bones starting point for HTML-based visualizations, offering a clean canvas for future interactive work.

Oct 23, 2020