Abhi

@maniyal·4 public vizzes

Untitled

This example displays the text "hello hi how are you" as a code block with line numbers on a webpage. The page loads Prism.js, a syntax highlighting library, from unpkg.com, along with its core, autoloader, and line-highlight plugins. The rendering relies on standard HTML and CSS, with the code element containing the sample text. The page's heading is "Something," and the overall structure is minimal, focusing on demonstrating Prism's line highlighting and formatting capabilities in a browser.

Jun 6, 2021

Loading thumbnail…

Let's make a face with D3.js!

This example demonstrates how to build a smiley face with D3.js, highlighting the library’s fundamental DOM manipulation capabilities. The code uses D3 selections and the `enter()` method to append SVG `path` elements, which are projected using `geoMercator` and `geoPath` based on TopoJSON country data from the World Atlas. While the face itself is not fully implemented in the visible code, the example lays the groundwork by rendering geographic country shapes as green paths with black outlines. The page loads D3 v5 and TopoJSON from a CDN, with a stylesheet styling all paths.

Dec 8, 2020

Loading thumbnail…

HTML Starter

This example shows a bare minimum HTML page that displays the text "Hello HTML" centered on the screen in large type. It demonstrates how CSS styles the body element’s text alignment and font size, while JavaScript logs the message "Hello JavaScript!" to the browser’s console. The page uses plain HTML, CSS, and JavaScript APIs with no external libraries.

Dec 8, 2020

Loading thumbnail…

HTML Starter

A bare minimum HTML page demonstrates the integration of CSS and JavaScript. The page renders static text and links to an external stylesheet, which resets the body margin. The document loads a JavaScript bundle, though no interactive behavior is visible in the code. The example uses the standard HTML5 `<link>` and `<script>` tags to structure the page, with the stylesheet defining basic layout.

Dec 2, 2020