HLgorithm

@wang7213·5 public vizzes

Make a face with D3.js

This example draws a stylized face using D3.js version 7, rendering a yellow circle as the head and a single arc-shaped path for the mouth on an SVG canvas. The code uses `d3.select` to target the SVG element, `.append` to add shapes, and `d3.arc()` to generate the mouth’s path with specified inner and outer radii plus start and end angles. All geometry is positioned relative to the SVG’s width and height, which are read directly from the element attributes. The result is a simple, static face composition built entirely with D3’s SVG helpers.

May 18, 2023

Loading thumbnail…

Fork of HTML Starter

This example displays a static “Hello HTML!” message centered on the page using a CSS class. The page consists of a single HTML file with embedded styles and no JavaScript logic. It relies on standard HTML and CSS properties, including the `font-size` and `text-align` rules, to render the text. The code demonstrates a minimal setup for a web page, serving as a simple starting point for projects using plain HTML and CSS without any external libraries.

May 18, 2023

Loading thumbnail…

HTML Cars Report

This HTML Cars Report presents a simple webpage that embeds an HTML snippet, though the specific visualization code is not included in the provided files. The example relies on a static HTML structure with a title, containing no external data source or rendering library. It demonstrates a minimal webpage setup, likely intended to display a car-themed report using basic markup. The page loads without dynamic elements, offering a static view of the content as defined by the source files.

May 17, 2023

Loading thumbnail…

Fork Hello VizHub

This example demonstrates how to set up a minimal VizHub visualization using D3 v5 and ES6 modules. It loads D3 from UNPKG and imports the `select` function to target a DOM element, while a local module exports a custom message string. The code renders the text " VizHub!" inside a styled div, with CSS centered and enlarged via the `#message` selector. It illustrates basic module imports, CDN library loading, and D3’s selection API for updating page content.

May 17, 2023

Loading thumbnail…

Fork of Hello VizHub

This example displays a simple message in a web page using D3.js v5, sourced from a fork of the original "Hello VizHub" template. The visualization renders text content into a `div` element with the ID `message`, styled by an external CSS file. It loads the D3 library from a CDN and executes its logic through a bundled script, demonstrating a minimal setup for embedding D3 in an HTML document. The approach relies on standard DOM manipulation rather than data-driven or geometric visualization techniques.

May 17, 2023