Franz Jimeno

@franzz2000·5 public vizzes

Fork of HTML Starter

This example shows a static web page that displays the text “Hello HTML!” centered on the screen. The code defines a single `div` element with the class `message`, styled using a CSS rule that sets the font size to 13em and aligns the text to the center. No JavaScript or external libraries are used; the page renders solely through the browser’s default HTML and CSS rendering engine. The project serves as a minimal illustration of how to structure a basic HTML document with embedded styles.

Nov 3, 2021

Loading thumbnail…

Fork of D3 Starter

This example displays the text “Hello D3 version 7” centered on a plain web page, serving as a minimal starting point for the D3 version 7 library. The page’s body is styled with a font size of 13em and text alignment centered, while the JavaScript uses the `d3.select` API to target the body element and apply the string via the `.text()` method. The code imports D3 from a CDN (unpkg) and also loads a separate `bundle.js` file, though that script’s contents are not shown here.

Nov 2, 2021

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that uses inline CSS for styling and JavaScript for console output, serving as a foundational template for web-based visualization projects. The page displays the text “Hello HTML” in large, centered type, while a script logs “Hello JavaScript!” to the browser’s developer console, highlighting the separation of structure, presentation, and behavior. With no external libraries or frameworks, it relies purely on native HTML, CSS, and JavaScript to establish a bare-bones starting point for more complex data-visualization work. The accompanying `index.js` file contains a JSON array of car data, though it is not currently integrated into the page.

Dec 21, 2020

Loading thumbnail…

HTML Starter

A yellow circle with a black outline acts as a face, featuring two small black eyes and an arc-shaped mouth. The visualization uses D3 v6 to construct the SVG, drawing the face elements with basic shapes and a path built from the `arc` generator. The code sets explicit pixel dimensions for the canvas and positions the facial features relative to the center. Data is hardcoded within the script, with no external dataset.

Oct 25, 2020

Loading thumbnail…

HTML Starter

This example demonstrates basic SVG shapes and styling within a minimal HTML page, using raw SVG elements like `circle`, `rect`, `line`, and `path` with a `g` transform for scaling and positioning. It shows how to apply CSS class-based styling, including stroke properties for lines and paths, and uses fill attributes for color. The page includes a simple script that logs a message to the browser console. No external libraries are used; rendering relies entirely on SVG and HTML.

Oct 25, 2020