Gattu-Abhinay

@Gattu-Abhinay·3 public vizzes

HTML Starter

This example showcases a minimal HTML page with a single SVG rectangle rotated 180 degrees, set against a large centered text layout. It reads population data from a CSV file using D3’s `d3.csv`, logging the parsed array to the browser console. The rendering approach relies on static SVG elements defined directly in the markup, with no dynamic data binding or visualization logic applied. The project serves as a bare-bones starting point for understanding basic file structure and data loading in a React-free environment.

Oct 3, 2020

Loading thumbnail…

D3 and SVG smile

This example shows a smiling face built with SVG shapes and animated with D3 transitions. A red background frames a yellow circle with a black stroke, while two small circles form the eyes and an arc path creates the mouth. The eyebrows are rectangles that move up and down using chained `transition()` calls with 500-millisecond durations. The code selects the SVG element with `d3.select`, sets its dimensions and background, and uses `d3.arc()` to generate the smile path, all within a React-compatible setup using D3 v6.

Oct 1, 2020

Loading thumbnail…

HTML Starter

This example shows a bare minimum HTML page that displays the text "Hello HTML" in large, centered type. It demonstrates the foundational structure of a web document with a style block and a script tag. The code uses standard HTML elements and a simple CSS rule to set the font size, while a JavaScript `console.log` statement outputs "Hello JavaScript" to the browser's developer tools, highlighting basic client-side scripting.

Sep 30, 2020