Dhiyan-jay

@Dhiyan-jay·4 public vizzes

Fork of HTML Starter

This example displays a bare-bones HTML page with the text “Hello HTML” centered in large type. It demonstrates how to combine markup, styling, and scripting in a single file. The code uses CSS for layout and font sizing, while a JavaScript snippet logs “Hello JavaScript!” to the browser console. It serves as a minimal starting point for web-based visualization projects, with no external libraries or data sources involved.

Jul 10, 2021

Loading thumbnail…

Fork of Hello HTML

This minimal example demonstrates a blank HTML page with no visible content or interactive elements. It relies solely on basic HTML structure, containing only a document type declaration, a head section with a title, and an empty body tag. The page uses no JavaScript libraries, CSS styling, or external data sources—it simply loads as an empty document in the browser. This serves as the simplest possible starting point for a web-based visualization project, providing a clean canvas for future code.

Jul 8, 2021

Loading thumbnail…

Fork of Fork of Let's make a face with D3.js!

A smiling yellow face with black features animates its eyebrows, which move upward and then settle back down in a continuous loop. Built with D3.js v5, the visualization uses SVG shapes—circles for the head and eyes, rectangles for the eyebrows, and a path generated with the `d3.arc()` function for the mouth. The eyebrow motion is achieved through chained `transition()` calls that alter the group’s translate transform over two-second durations.

Jul 8, 2021

Loading thumbnail…

Fork of Let's make a face with D3.js!

A smiley face, drawn with D3.js v5, sits centered in an SVG canvas. The code constructs the face using SVG primitives: a yellow circle for the head, circles for the eyes, rectangles for the eyebrows, and a D3 arc path for the mouth. The eyebrows animate vertically in a repeating two-second cycle using chained `transition().duration()`. The example demonstrates fundamental DOM manipulation by selecting the SVG element and appending groups and shapes, with sizing and positioning handled through D3's `select` and `arc` APIs.

Jul 8, 2021