najeebgdds

@najeebgdds·5 public vizzes

Fork of Lets make a face with D3.js!

This example shows a simple yellow face built entirely with D3.js v6 SVG primitives. The code uses `d3.select` to target the SVG element, then appends circles for the eyes and a face outline, with a mouth drawn using the `d3.arc()` path generator. Coordinates are centered via a translation transform, and eye spacing and offsets are set as constants. The face is static, with no interaction or data binding, rendered directly in the browser through the bundled index.js file.

Mar 13, 2021

Loading thumbnail…

Lets make a face with D3.js!

A yellow circle forms a cartoon face on an SVG canvas using D3.js v6. The code draws two black eye circles and a mouth path via the `arc()` generator, which creates a half-circle with specified inner and outer radii and angle ranges. The face is centered using a transformed group element, with eye spacing and vertical offset defined as constants. This example demonstrates fundamental D3 selections and shape generators for assembling simple geometric compositions.

Mar 13, 2021

Loading thumbnail…

Fork of Shapes with SVG and CSS

This example demonstrates a static composition of primitive shapes—circles and rectangles—arranged directly on an SVG canvas, with one group transformed vertically and given a distinct fill and stroke. It then shows a polyline formed by a line element and a path element, where CSS class rules apply a stroke color and a round line join to the path. The code uses native SVG elements and CSS selectors to style the shapes, with the stylesheet also setting the canvas to fill the viewport and hide overflow.

Mar 13, 2021

Loading thumbnail…

Fork of HTML Cars Report

This example shows a simple HTML cars report that lists three vehicles with their prices, highlighting the 2012 Nissan Leaf and 2009 Ford F150 in red. It uses plain HTML with an unordered list and CSS styling via the `styles.css` file, applying a monospace font and large text size. The data is hardcoded directly in the `index.html` markup. No external libraries or JavaScript APIs are used; the visualization relies solely on static HTML and CSS for presentation.

Mar 13, 2021

Loading thumbnail…

Fork of Fork of HTML Starter

This example renders the text “Hello HTML” in the browser, styled to fill the page with a font size of 13em using CSS. The page is a minimal HTML document that also executes a JavaScript snippet, which prints “Hello JavaScript!” to the browser’s console via `console.log`. It demonstrates the foundational interaction between HTML structure, CSS presentation, and JavaScript execution without any external libraries or frameworks.

Mar 13, 2021